美国州际边界颜色在Highmaps中不变

Question

我正在努力实现州边界宽于县界的效果，如in this example所示。

显然不推荐使用Highcharts.grep方法，所以这是我提取状态边框的方法（在Typescript中）：

var lines = Highcharts.geojson(geojsonMap, 'mapline');

var borderLines = lines
            .filter((line:any) => line.properties['hc-group'] === '__border_lines__');

图表系列：

    series = [{
        name: 'unemployment',
        borderWidth: 0.2,
        borderColor: 'white',
        states: {
            hover: {
                color: 'black'
            }
        },
        dataLabels: {
            enabled: false,
        },
        type: 'map',
        data: data,
    }, {
        type: 'mapline',
        name: 'State borders',
        data: borderLines,
        color: 'white',
        shadow: false
    }]

问题是线条不是白色，而是红色，我无法更改颜色和/或宽度。这是屏幕截图：

这些行在那里，因此它们已正确加载。如何更改颜色/宽度？

更新：更改lineWidth后的示例：

Answer 1

您需要更改lineWidth和color属性：

series: [..., {
    type: 'mapline',
    color: 'blue',
    lineWidth: 5,
    ...
}]

实时演示： https://jsfiddle.net/BlackLabel/4Lnxuam0/

API参考： https://api.highcharts.com/highmaps/series.mapline.color