Highchart地图显示某些州已选择,可以选择其他州

时间:2019-05-31 13:23:39

标签: highcharts

我想显示美国所有州的海图地图,我将发送一些州的列表,应选择这些州。如果用户要选择其他状态,则可以单击并选择它们。我不知道如何进行。

我试图传递应该显示为选定状态的状态数据。它显示为已选择,但我无法选择其他状态。

u

1 个答案:

答案 0 :(得分:1)

您可以将selected属性添加到数据中,例如,使用keys选项:

var data = [
    ['us-ma', 0],
    ['us-wa', 1, true],
    ['us-ca', 2, true],
    ['us-or', 3],
    ['us-wi', 4],
    ...
];

// Create the chart
Highcharts.mapChart('container', {
    ...,

    series: [{
        keys: ['hc-key', 'value', 'selected'],
        data: data,
        ...
    }, ...]
});

实时演示: http://jsfiddle.net/BlackLabel/2ag6woe4/

API参考: https://api.highcharts.com/highmaps/series.mappoint.keys