Echarts去掉区域颜色 |
您所在的位置：网站首页 › echarts的折线图怎么改背景色 › Echarts去掉区域颜色 |
Echarts去掉区域颜色
|
一开始是这样的，折线图设置了区域阴影的颜色，现在不想要echarts折线区域图的区域颜色,需要去掉。
只需要修改series里面的一系列相关的参数，属性即可。 series : [ { name:'订单流入总数', type:'line', stack: '总量', areaStyle: { normal: { color: '#8cd5c2' //改变区域颜色 } }, itemStyle : { normal : { color:'#8cd5c2', //改变折线点的颜色 lineStyle:{ color:'#8cd5c2' //改变折线颜色 } } }, data:[10, 12, 11, 34, 90, 20, 21] } ]我们的demo里面，也是只需要在series里面设置就行了 series : [ { name : '进厂', type : 'line', itemStyle : { normal : { color : '#ff8762',//改变折线点的颜色 lineStyle:{ color:'#ff8762' //改变折线颜色 } } }, areaStyle : { normal : {color : '#ffffff',}//改变区域颜色 }, data : y }, { name : '服务', type : 'line', /*stack : '总量',*/ itemStyle : { normal : { color : '#b198dc',//改变折线点的颜色 lineStyle:{ color:'#b198dc' //改变折线颜色 } } }, areaStyle : { normal : {color : '#ffffff',}//改变区域颜色 }, data : y3 }, { name : '离厂', type : 'line', /* stack : '总量',*/ itemStyle : { normal : { color : '#8cd5c2',//改变折线点的颜色 lineStyle:{ color:'#8cd5c2' //改变折线颜色 } } }, /* label : { normal : { show : true, position : 'top' } },*/ areaStyle : { normal : {color : '#ffffff',}//改变区域颜色 }, data : y2 } ]好了,如图
附：【前端统计图】echarts多条折线图和横柱状图实现https://www.jianshu.com/p/f02d604844b6 原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。 |
【本文地址】
今日新闻 |
推荐新闻 |