echarts 图表加水平直线或者标准线 |
您所在的位置：网站首页 › echart折线图虚线 › echarts 图表加水平直线或者标准线 |
echarts 图表加水平直线或者标准线
|
如果给 echarts 水平添加一条控制下，效果图如下：
我们只需添加一个每个月的数值都是一样的，去除掉折线上面的点即可，代码如下： var option = { ...... series: [ { name: '控制线', type: 'line', symbol: 'rect', smooth: 'true', symbolSize: 0, showSymbol: 'false', lineStyle: { normal: { width: 2 } }, data: [200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200] }, ] };如果我们需要添加的是一条标准线，标准线上的折线是一种颜色，标准线下的折线又是一种颜色，效果图如下：
直接上代码： option = { visualMap: { show: false, pieces: [ { gt: 0, lte: 6000, //这儿设置基线上下颜色区分 基线下面为绿色 color: '#03d6d6' }, { gt: 6000, //这儿设置基线上下颜色区分 基线上面为红色 color: '#e91642' }] }, series: [{ type: 'line', smooth:true,//平滑曲线 data: [1233, 4323, 333, 3343, 13302, 10342, 4203], markLine: { silent: true, lineStyle: { normal: { color: '#01fef9' // 这儿设置安全基线颜色 } }, data: [{ yAxis: 6000 }], label: { normal: { formatter: '标准\n基线' // 这儿设置安全基线 } }, }, }] };
|
【本文地址】
今日新闻 |
推荐新闻 |