echarts 用数据集创建的柱状图如何给每个bar设定颜色？

Question

数据集实例

var option = {
  dataset: {
    source: [
      ['score', 'amount', 'product'],
      [89.3, 58212, 'Matcha Latte'],
      [57.1, 78254, 'Milk Tea'],
      [74.4, 41032, 'Cheese Cocoa'],
      [50.1, 12755, 'Cheese Brownie'],
      [89.7, 20145, 'Matcha Cocoa'],
      [68.1, 79146, 'Tea'],
      [19.6, 91852, 'Orange Juice'],
      [10.6, 101852, 'Lemon Juice'],
      [32.7, 20112, 'Walnut Brownie']
    ]
  },
  xAxis: {},
  yAxis: { type: 'category' },
  series: [
    {
      type: 'bar',
      encode: {
        // 将 "amount" 列映射到 X 轴。
        x: 'amount',
        // 将 "product" 列映射到 Y 轴。
        y: 'product'
      }
    }
  ]
};

我想给每一个bar设置不同的颜色，看了官方的数据集教程，没有指定颜色的方法

Answer 1

现在echarts还不支持直接encode到data.itemStyle.color，参考：https://github.com/apache/ech...

一个比较简单的方法是给series.bar.itemStyle.color设置一个callback，它的参数是数据点s，其中s.dataIndex是数据点的序号，你可以根据这个值返回特定颜色，就可以改变每个柱子颜色了。

Answer 2