echarts垂直分布折线图的折线图颜色,能不能根据不同的区间显示不同的颜色

直接从官网上拿的是基础的样式

这里直接上一波图对比一下

修改后的饼图(环形图):

效果显而易见,接下来直接上实现代码

 //每个柱子的颜色即为colorList数组里的每一项如果柱子数目多于colorList的长度,则柱子颜色循环使用该数组
// 使用刚指定的配置项和数据显示图表
 
后面就是导入下echarts垂直分布折线图的js依赖文件,建立dom容器dom结构就是三个div容器,这里就不写了但是新手一定要注意,div容器一定要设置默认宽高不然会闹出所有配置都成功了但是却显礻不出来的笑话。

需求:在markline范围内的数据显示为绿色

現在做法:例如echarts垂直分布折线图图的特性对不同的series的data赋颜色来控制,规则是这样

因为改变了Y轴数据x轴数据就需要添加空格来补充。

问题僦在这了:总监说这种往x轴添加东西的做法是不行的会出问题的,因此不能使用这种方法

所以我想问问大家,有没有什么其他的方法能夠实现一样的效果效果图如下:

我要回帖

更多关于 echarts垂直分布折线图 的文章

 

随机推荐