Highcharts条形图，条形图基于值

Question

我正在寻找一种创建条形图的方法，条形图根据颜色（长度）将颜色从亮变为暗，如下例所示：

Answer 1

每个点都可以设置颜色，因此您可以计算一个点应该具有的颜色，并通过图表选项中的data进行设置。

$(function() {
  var data = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  Highcharts.each(data, function(point, i) {
    data[i] = [point, '#f' + point + '0'];
  });
  $('#container').highcharts({
    series: [{
      type: 'bar',
      data: data,
      keys: ['y', 'color']
    }]
  });
});

JSFiddle：http://jsfiddle.net/w8c8fxju/