意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

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

来源:恒创科技 编辑:恒创科技编辑部
2024-01-25 09:38:59

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


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

上一篇: 轻量容器引擎Docker安装及其架构 下一篇: 手机怎么远程登录云服务器?