一开始是这样的，折线图设置了区域阴影的颜色，现在不想要echarts折线区域图的区域颜色,需要去掉。
只需要修改series里面的一系列相关的参数，属性即可。
代码语言：javascript复制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里面设置就行了
代码语言：javascript复制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://cloud.tencent.com/developer/article/1141408----
