HIGHmap colorAxis滤镜

Question

是否有可能自定义colorAxis以使其具有内置的rangeSelector，移动它应该在colorAxis上设置max / min属性，并以此方式帮助人们将注意力集中在密集的HighMaps上的特定值范围上？

例如让我们假设数据范围为[0,100]，当图表加载min = 0，max = 100时，但colorAxis具有这些范围选择器（最初在0上左一，在100上右一）。现在，如果我将左输入移至30，右移至70，则colorAxis的最小/最大属性将设置为30/70。结果，在HighMap上，只有该范围内的数据才是彩色的，其余的则是黑色或白色的。我认为当前的默认值是白色，我在小提琴中尝试过

colorAxis: [{
    min: 100,
    //max: 110,
    //startOnTick: true,
    minColor: '#FFFFFF',
    maxColor: Highcharts.getOptions().colors[0]
}, {
    maxColor: '#ff1100'
}],

https://jsfiddle.net/x6wtqp4a/1/

更新

Answer 1

您可以使用stops属性为超出范围的点定义颜色：

colorAxis: [{
    min: 60,
    max: 110,
    endOnTick: false,
    startOnTick: false,
    stops: [
        [0.001, '#fff'],
        [0.001, '#c4ffd4'],
        [0.999, '#00a82d'],
        [0.999, '#000']
    ]
}]

实时演示： https://jsfiddle.net/BlackLabel/qsy5e8nk/
API参考： https://api.highcharts.com/highmaps/colorAxis.stops