Я пытаюсь добиться того, чтобы границы штатов были шире, чем границы округов, как показано в этом примере.
По-видимому, метод 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
и color
:
series: [..., {
type: 'mapline',
color: 'blue',
lineWidth: 5,
...
}]
Живая демонстрация:https://jsfiddle.net/BlackLabel/4Lnxuam0/
Ссылка на API:https://api.highcharts.com/highmaps/series.mapline.color
Я нашел это. Отличие моей карты от примера в том, что у меня член map
в chart
, а в примере у них mapData
в серии. Посмотрите на это: jsfiddle.net/Pgschr/9j6yt7f1
Пожалуйста, посмотрите обновление, ширина линии работает, но изменение цвета на
blue
ничего не дает, что может быть не так? Может быть, границы уездов - это красные линии?