如何将Highcharts颜色轴设为阈值而不是渐变？

Question

参考此演示：

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/heatmap/

颜色变化在colorAxis中定义：

        colorAxis: {
        min: 0,
        minColor: '#FFFFFF',
        maxColor: Highcharts.getOptions().colors[0]
    },

在这种情况下颜色变化是渐进的。如何将其设置为多个阈值？ 例如，我想要三个阈值：

＆lt; = 100：绿色＃00FF00

100~200：橙色＃FF8000

＆gt; = 200：红色＃FF0040

我应该如何定义colorAxis？

Answer 1

您可以在dataClasees：

中使用colorAxis

示例：

• http://jsfiddle.net/jlbriggs/uwrtts2k/

参考：

• http://api.highcharts.com/highmaps#colorAxis.dataClasses