Highcharts HIghmap色轴滤波器

Highcharts HIghmap色轴滤波器,highcharts,Highcharts,是否可以自定义colorAxis,使其具有内置范围选择器,移动该选择器可以在colorAxis上设置max/min属性,并以这种方式帮助人们关注密集HighMaps上的特定值范围 例如,假设数据范围为[0100],当图表加载最小值=0,最大值=100,但colorAxis有这些范围选择器(最初左一个在0,右一个在100)。现在,如果我将左输入移动到30,将右输入移动到70,那么colorAxis min/max属性将设置为30/70。因此,在HighMap上,只有此范围内的数据是彩色的,其余数据

是否可以自定义colorAxis,使其具有内置范围选择器,移动该选择器可以在colorAxis上设置max/min属性,并以这种方式帮助人们关注密集HighMaps上的特定值范围

例如,假设数据范围为[0100],当图表加载最小值=0,最大值=100,但colorAxis有这些范围选择器(最初左一个在0,右一个在100)。现在,如果我将左输入移动到30,将右输入移动到70,那么colorAxis min/max属性将设置为30/70。因此,在HighMap上,只有此范围内的数据是彩色的,其余数据是黑色或白色的。我认为当前的违约是白色的,我试过了

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

更新


ColorAxis上的范围选择器,可沿任意方向拖动

您可以使用
停止
属性定义超出范围的点的颜色:

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

现场演示:


API参考:

对不起,我的问题不清楚。我想将colorAxis转换为一个范围选择器,如更新图像中所示,该选择器应根据所选范围动态设置停止点。有可能吗?嗨@user4772933,请检查这个例子:真棒,谢谢,我会接受答案。如果我要在colorAxis后面放一个像这样的RangeSlaider并插入你的解决方案,请你指导我。怎么样?任何对此的支持都将是非常好的。但是已经谢谢你的帮助了。当然,以下是你想要的: