当前位置: 首页 > Web前端 > HTML

HTML+echarts改变折线图的线条颜色和区域颜色

时间:2023-04-03 00:37:40 HTML

HTML+echarts,改变使用的折线图的线条颜色。做的过程中突然想不起来echart的折线图线条的颜色怎么改了,后来去查资料发现在下面添加相应的代码就可以修改成功了。折线图的线条颜色在lineStyle中,item是指每个数据点上的图标。默认是一个小点。下面的代码已经提出来了,大家可以根据自己的需要进行修改。//指定图表的配置项和数据option6={title:{text:'月维护费趋势图'},tooltip:{},legend:{data:['设备原值']},xAxis:{类型:'类别',数据:['2020-10','2020-11','2020-12','2021-01','2021-02','2021-03','2021-04','2021-05','2021-06','2021-07','2022-03']},yAxis:{type:'value'},series:[{name:'设备原值',data:[70,73,74,78,72,77,76,70,73,74,78],type:'line',areaStyle:{normal:{color:'#daeafe'//改变区域颜色}},itemStyle:{正常:{颜色:'#8ec8fe'}},}]