一开始是这样的,折线图设置了区域阴影的颜色,现在不想要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 } ]
好了,如图