未在高地图上工作的国家 点击此处。

Question

我想改变高图上一个纬度点的颜色和边框颜色，当用户点击它时。目前，当用户点击该点时，它变成灰色，有一个厚厚的黑色边框，周围有一个 "发光 "效果。我希望它能变成我选择的颜色。我已经设置了如下选项。

  plotOptions: {
    series: {
      tooltip: {
        headerFormat: '',
        pointFormat: '{point.name}'
      },
      states: {
        select: {
          color: '#EFFFEF',
          borderColor: 'red'
        },
        hover: {
          color: '#a4edba'
        }
      }
    }
  }

这似乎并不奏效。如果我把同样的 states 代码下 plotOptions.mappoint 同样，没有变化。

我已经重新利用了 高图 有了这个设置的演示。在该演示中，如果你点击盆地形状，它就会变成浅绿色。然而，当你点击 "Tournai "或 "Brussels "或地图上的任何其他点时，它不会使用 "Tournai "或 "Brussels"。states 选项。

Answer 1

• 记得设置 允许点选择 系列选项为true - https:/api.highcharts.comhighmapsseries.mappoint.allowPointSelect。
• 如果你想改变点的状态，在点击状态选项上应该设置为 plotOptons.系列.标记.状态，不 plotOptions.series.states,

演示。https:/jsfiddle.netBlackLabelwgqcL1ay

  plotOptions: {
    series: {
      marker: {
        fillColor: '#FFFFFF',
        lineWidth: 2,
        lineColor: Highcharts.getOptions().colors[1],
        states: {
            select: {
                fillColor: 'red',
                radius: 12,
            }
        }
      }
    }
  },

API。https:/api.highcharts.comhighmapsseries.appoint.marker.states.select。