如何根据 Highchart 条形图中的值为条形设置不同的颜色？

Question

在我的应用程序中，我使用的是 highcharts，我想为不同的值应用不同的颜色。我的 y 轴最小值为 0，最大值为 10。因此，基于此，我想为一个数字显示十种不同的颜色。所以我试了一下，

column: {
        zones: [{
            value: 10,
            color: 'blue'
          }, {
            value: 9,
            color: 'red'
          }, {
            value: 8,
            color: 'grey'
          }, {
            color: 'yellow'
          }
        ]
      }

在绘图选项中，但它仅适用于蓝色和黄色。黄色代表 10，其他代表蓝色。如何根据值更改条形颜色？谢谢。

Answer 1

只需像这样以正确的顺序使用zones

column: {
  zones: [{
    value: 8,
    color: 'grey'
  }, {
    value: 9,
    color: 'red'
  }, {
    value: 10,
    color: 'blue'
  }, {
    color: 'yellow'
  }]
}

Fiddle