咨询电话:
15628812133
28
2023/09

Echarts柱状图间隔变色

发布时间:2023-09-28 15:38:11
发布者:带带大师兄
浏览量:
0

        echarts柱状图能直观的看出来数据的多少,当有多条数据的时候,我们可以为每条数据设置它的color,从而达到多条数据多个颜色的效果。

        但是有这样一个需求,不仅要求柱体是渐变色,而且还要求每隔一个都要变化一次颜色。

Echarts柱状图间隔变色

        间隔变色可以理解成奇偶数的变化,当可以被2整除那么就是偶数,如果不能被2整除就可以理解为奇数,判断有无余数,返回不同的值就可以实现间隔变化了。

Echarts柱状图间隔变色

    经过查阅资料,color是支持回调函数的,那么渐变色就很容易解决了。

Echarts柱状图间隔变色

        X,y,x2,y2,分别代表从上、下、左、右、进行渐变。ColorStops是一个数组,offset代表渐变的过程,你也可以设置百分数来精准确定变化的过程。

Echarts柱状图间隔变色

        关于折线图的渐变色可以看这篇文章→传送门

关键词:
返回列表