100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Echarts 柱状图渐变色设置

Echarts 柱状图渐变色设置

时间:2024-08-29 17:58:33

相关推荐

Echarts 柱状图渐变色设置

渐变色的设置是通过在series属性中的itemStyle属性设置的。其中主要是echarts.graphic.LinearGradient方法。

series: [{type: 'bar', barWidth: 10, stack: 'total', data: this.seriesData,itemStyle: {normal: {color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ // 四个数字分别对应 数组中颜色的开始位置,分别为 右,下,左,上。例如(1,0,0,0 )代表从右边开始渐// 变。offset取值为0~1,0代表开始时的颜色,1代表结束时的颜色,柱子表现为这两种颜色的渐变。offset: 0,color: '#4d76ff'}, {offset: 1,color: '#80aaff'}]),}},}],

效果如图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。