highcharts - 美国各州边界颜色在 Highmaps 中没有变化

Question

我正在尝试实现州边界比县边界更宽的效果，如本例所示。

显然 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 后的示例：

标签： highcharts

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