Javascript 在highmaps地图中,如何在突出显示的国家周围有一个边界,但填充颜色没有变化?
假设我有这张地图: 使用此代码:Javascript 在highmaps地图中,如何在突出显示的国家周围有一个边界,但填充颜色没有变化?,javascript,highcharts,Javascript,Highcharts,假设我有这张地图: 使用此代码: $(function () { $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=world-population-density.json&callback=?', function (data) { // Initiate the chart $('#container').highcharts('Map', {
$(function () {
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=world-population-density.json&callback=?', function (data) {
// Initiate the chart
$('#container').highcharts('Map', {
title : {
text : 'Map border options'
},
mapNavigation: {
enabled: true,
buttonOptions: {
verticalAlign: 'bottom'
}
},
colorAxis: {
min: 1,
max: 1000,
type: 'logarithmic'
},
series : [{
data : data,
mapData: Highcharts.maps['custom/world'],
joinBy: ['iso-a2', 'code'],
name: 'Population density',
borderColor: 'black',
borderWidth: 0.2,
states: {
hover: {
borderWidth: 1
}
},
tooltip: {
valueSuffix: '/km²'
}
}]
});
});
});
你可以看到,如果鼠标悬停在这些国家的上方并将其颜色更改为青色,这些国家就会有一个边界
我怎样才能阻止国家的颜色在悬停时发生变化?我希望通过边界突出显示这些国家,但保留它们的数据
有没有办法让这个国家名列前茅(比如设定z指数)?我的一些国家/地区有重叠,部分边界被隐藏。在“绘图选项”中将颜色参数声明为空对象
plotOptions: {
series: {
states: {
hover:{
color: {}
}
}
}
},
例如: