如何将GeoJSON对象属性设置为HighMaps中名称以外的类名称

时间:2019-06-15 06:53:48

标签: highcharts

通常,HighMap使用名称值来设置SVG路径类名称。

enter image description here

除了name属性,是否可以使用自定义属性设置类名?

1 个答案:

答案 0 :(得分:0)

您可以通过className属性添加自定义类名称:

var data = [
    ...,
    ['DE.TH', 704, 'myCustomClassName']
];

Highcharts.mapChart('container', {
    ...,

    series: [{
        data: data,
        keys: ['code_hasc', 'value', 'className'],
        ...
    }]
});

实时演示: https://jsfiddle.net/BlackLabel/vojLzdsa/

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

类名'highcharts-name-...'是默认名称,您可以在创建图表后将其从元素中删除,也可以编辑相关的源代码:

https://github.com/highcharts/highcharts/blob/master/js/parts-map/MapSeries.js#L827

文档: https://www.highcharts.com/docs/extending-highcharts