Highcharts 不在Highmaps mappoint click上工作的状态

Highcharts 不在Highmaps mappoint click上工作的状态,highcharts,Highcharts,我试图在用户单击Highmap时更改其上的lat/long点的颜色和边框颜色。当前,当用户单击该点时,该点将变为灰色,并有一个黑色的厚边框和周围的“辉光”效果。我想让它变成我选择的颜色。我已将选项设置如下: plotOptions: { series: { tooltip: { headerFormat: '', pointFormat: '{point.name}' }, states: { sel

我试图在用户单击Highmap时更改其上的lat/long点的颜色和边框颜色。当前,当用户单击该点时,该点将变为灰色,并有一个黑色的厚边框和周围的“辉光”效果。我想让它变成我选择的颜色。我已将选项设置如下:

  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,
            }
        }
      }
    }
  },