echarts 柱状图颜色设置

admin 阅读:137 2024-03-02

柱状图通用颜色设置

如果要设置通用的柱状图中柱子颜色,在 option 中传入 color 数组即可。代码如下:

option = {

    //...
    color: ['#2EB7BD', '#3CE1D9', '#FBBACB', '#4695D1'],
}

指定单个柱状图颜色设置

如果要高亮指定的某个柱状图的柱子颜色,那么在 data 选项中设置 itemStyle 即可。代码如下:

option = {
  //...
  series: [
    {
      data: [
        120,
        {
          value: 200,
          itemStyle: {
            color: '#a90000'
          }
        },
        150,
      ],
      type: 'bar'
    }
  ]
};
声明

1、部分文章来源于网络,仅作为参考。
2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!