Question

我有一张用Highmaps库制作的地图，由两个系列组成：管理边界和城市。在它的一侧有一个所有管理员的列表，并在每个项目上附加一个鼠标悬停事件。当鼠标悬停在管理文本上时，我正在尝试突出显示而不选择地图上的相对形状。我已经能够使用highmaps的 select 函数来实现它，但我不能再使用它，因为我还启用了多选，我将它用于其他目的。

所以我要做的是手动/编程更改系列中特定点的颜色。

这是在列表项

上的mouseover事件中执行的代码

$( "ul#admins li" ).mouseover(function() {
   var adminCode = $(this).attr('id')); //retrieve the adminCode
   var chart = $('#mapContainer').highcharts();
   for (var i = 0; i < chart.series[0].data.length; i++) {
       if (chart.series[0].data[i].Code == adminCode) {
           //I've got the map element to highlight...
           //..but how I can do change its color?

           //before I was using this method, selecting directly, but now
           //I don't want to select it, only change its color.
           chart.series[0].data[i].select(true, false);
           break;
       }
   }
});

Answer 1

您应该能够使用Point.update（）更改地图中特定国家/地区的颜色：

os.cpus().length

例如，我在这里更改地图系列中第一个点的颜色。

在这里，您可以看到一个示例：http://jsfiddle.net/x14dm93u/

以编程方式更改Highmaps中的形状颜色

1 个答案: