乐趣区

关于echarts:echarts给柱状图的每个柱子配置不同的颜色

series 数组对象中与 datatype同级的写一个 itemStyle 的对象,对象中是 normal 对象,normal对象中有一个 color 键,其值是对应的是一个函数,其中 this.pieColor 是我本人定义的色彩数组,相似于:

[
  "#FFDB5C",
  "#37A2DA",
  "#fb7293",
  "#67E0E3"
]

而后函数的参数 params 中有一个 dataIndex 属性,将其返回即可应用,如下边代码所示:

series: [
  {
    type: "bar",
    data: dataX,
    itemStyle: {
      normal: {color: (params) => this.pieColor[params.dataIndex],
      },
    },
  },
],
退出移动版