echarts 折线图折现颜色修改、点颜色修改、栅格去除

ooooooMpr

于 2021-10-29 09:20:02 发布

阅读量641

点赞数

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/u013470619/article/details/121027909

本文介绍了如何在数据可视化中使用ECharts创建线图，重点讲解了如何设置线条和点的颜色，并展示了如何通过配置yAxis隐藏y轴。同时，还提及了调整grid以控制图表内部布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 series: [
                {
                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                    type: 'line',
                    smooth: true,
                    color:"#3ca099",
                    itemStyle:{
                        normal:{
                            lineStyle:{
                                color:"#3ca099"
                            }
                        }
                    }
                },

            ]

color为点颜色 lineStyle为线颜色

            yAxis: {
                type: 'value',
                splitLine:{show: false},
            },

yAxis中追加 splitLine:{show:false}即可隐藏y轴

grid: charts 图表向内部压缩

top

bottom

left

right

echarts 折线图 折现颜色修改、点颜色修改、栅格去除

echarts 折线图折现颜色修改、点颜色修改、栅格去除