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
        } ]

好了,如图

相关文章
|
20天前
echarts 横纵分割线颜色透明度
echarts 横纵分割线颜色透明度
|
3天前
|
JavaScript
echarts_自定义graph关系图
echarts_自定义graph关系图
10 0
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
|
4月前
eCharts实现漏斗图
eCharts实现漏斗图
69 0
eCharts实现漏斗图
|
4月前
Echarts 设置数据条颜色 宽度
Echarts 设置数据条颜色 宽度
|
4月前
Echarts title标题配置项的使用 更改颜色 副标题
Echarts title标题配置项的使用 更改颜色 副标题
|
4月前
|
JSON 数据格式
echarts关系图
echarts关系图
39 0
|
5月前
Echarts饼图之-玫瑰图数据交互
Echarts饼图之-玫瑰图数据交互
37 0
|
5月前
|
JSON 数据格式
Echarts分段折线图图例样式visualMap颜色修改
Echarts分段折线图图例样式visualMap颜色修改
65 1
|
5月前
|
JSON 数据格式
Echarts折线图分段用不同颜色显示
Echarts折线图分段用不同颜色显示
40 0