javascript - highcharts 使用一组值构建地图并将另一组值显示为标签

Question

我有一组这样的数据：

var data = [
    ['gl', 2584],
    ['sh', 100201],
    ['bu', 2025],
    ['lk', 30336],
    ['as', 41225],
    ['dk', 500],
    ['fo', 655225],
    ['gu', 7555],
    ['mp', 85454],
    ['um', 90147],
    ['us', 10087]]

我将上述数组规范化为范围，[0,1]以根据以下条件为高图表世界地图提供不同的颜色。

0.0-0.15 Green
0.15-0.30 yellow
0.30-0.60 orange
0.60-1 red

我想根据标准化数组设置颜色，但显示上面data数组的标签。我怎样才能做到这一点 ？

标签： javascriptarrayshighcharts

Answer 1

您可以为每种颜色定义一组停止值。看看这个演示：https ://jsfiddle.net/BlackLabel/gbnd36zr/

  colorAxis: {
    min: 0,
    stops: [
      [0.15, 'green'],
      [0.3, 'yellow'],
      [0.6, 'orange'],
      [1, 'red']
    ]
  },

API：https ://api.highcharts.com/highmaps/colorAxis.stops