我正在创建一个带有高图的地图,但我很难将这些国家的颜色与coloraxis相匹配。
这是它的外观示例图片:
function createChart() {
chart = new Highcharts.Map({
colorAxis: {
maxColor: '#7b9b00',
minColor: '#d7e241',
type: 'linear',
allowDecimals: false,
marker: {
color: 'black'
},
labels: {
formatter: function() {
return this.value;
}
}
},
series: [{
mapData: Highcharts.maps['custom/world'],
name: 'countries',
borderColor: 'black',
showInLegend: false,
borderWidth: 0.2,
states: {
hover: {
borderWidth: 1
}
}
}]
});
}
然后我等待API调用完成,然后使用以下代码更新图表:
function updateSeries(newData) {
chart.colorAxis[0].update({
min: getMin(newData), //Value is 556910
max: getMax(newData) // Value is 353573853
}, true);
chart.addSeries({
data: newData,
title: 'Performance by Country',
mapData: Highcharts.maps['custom/world'],
joinBy: ['hc-key', 'country'],
name: 'countries',
borderColor: 'black',
borderWidth: 0.2,
states: {
hover: {
borderWidth: 1,
color: '#7b9b00'
}
}
});
}
我的代码中有任何明显的错误吗?