关于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],
      },
    },
  },
],

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理