【Echarts】柱状图颜色渐变

最新推荐文章于 2024-08-08 13:18:39 发布

原创最新推荐文章于 2024-08-08 13:18:39 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #echarts 柱状图 #echarts 渐变色 #渐变色

echarts图表专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ECharts实现带有渐变效果的柱状图，通过具体代码示例展示了如何设置颜色渐变属性，使图表更具视觉吸引力。

样例：
这里写图片描述

起效代码：

series: [{
    name: 'XXX',
    type: 'bar',
    data: [0,10,20,30,20,10,9],

    itemStyle: {
      normal: {
        color: new echarts.graphic.LinearGradient(0,0,0,1,[
          {offset: 0, color: '#d152e9'},
          {offset: 1, color: '#7762e7'}
        ])
      }
    }
  }]