Highcharts 不在Highmaps mappoint click上工作的状态
我试图在用户单击Highmap时更改其上的lat/long点的颜色和边框颜色。当前,当用户单击该点时,该点将变为灰色,并有一个黑色的厚边框和周围的“辉光”效果。我想让它变成我选择的颜色。我已将选项设置如下:Highcharts 不在Highmaps mappoint click上工作的状态,highcharts,Highcharts,我试图在用户单击Highmap时更改其上的lat/long点的颜色和边框颜色。当前,当用户单击该点时,该点将变为灰色,并有一个黑色的厚边框和周围的“辉光”效果。我想让它变成我选择的颜色。我已将选项设置如下: plotOptions: { series: { tooltip: { headerFormat: '', pointFormat: '{point.name}' }, states: { sel
plotOptions: {
series: {
tooltip: {
headerFormat: '',
pointFormat: '{point.name}'
},
states: {
select: {
color: '#EFFFEF',
borderColor: 'red'
},
hover: {
color: '#a4edba'
}
}
}
}
这似乎不起作用。如果我将相同的状态
代码放在plotOptions.mappoint
下,同样没有变化
我用这个设置重新调整了演示的用途。在这个演示中,如果你点击脸盆形状,它会变成浅绿色。但是,当你点击“图尔奈”或“布鲁塞尔”或地图上的任何其他点时,它不会使用我设置的状态选项。
- 记住在序列上将allowPointSelect选项设置为true-
- 如果要在单击时更改点状态,状态选项应设置在绘图选项.series.marker.states,而不是绘图选项.series.states
演示:
API:虽然这在演示中起作用,但在我们的完整代码中却不起作用。我想问题是因为我有point.events。单击code到位(我们将捕获所有单击的点,以便稍后在页面中使用)。此处更新了演示示例:。然后,我是否需要在单击事件中处理点颜色/边框?实际上,当我有events.point.select
设置时,是什么修复了设置allowPointSelect:false
。可以将点设置为point.events.click
回调中的select。您想设置此选项并查看演示,还是将allowPointSelect
设置为false对您来说就足够了?我想我将继续使用point.events。现在单击
,但是使用点群集时出现了其他问题-我提出了一个新问题。
plotOptions: {
series: {
marker: {
fillColor: '#FFFFFF',
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[1],
states: {
select: {
fillColor: 'red',
radius: 12,
}
}
}
}
},