
highcharts 广东地图显示东莞名称
在使用 highcharts 绘制广东地图时,可能会遇到东莞名称无法显示的问题。以下步骤可解决此问题:
- 查看地图容器大小。如果容器较小,东莞的名称可能会被挤出。请将容器大小调整得更大一些。
- 调整 heightchart 选项。此选项控制图表的高度。将其值设置为较小,以使名称有更多空间显示。
这是解决此问题的代码片段,以 heightchart 为例:
var map = new Highcharts.Map('map', {
title: {
text: '广东省'
},
colorAxis: {
min: 0,
minColor: 'rgb(255,255,255)',
maxColor: '#006cee'
},
series: [{
data: data,
name: '随机数据',
mapData: Highcharts.maps['cn/guangdong'],
joinBy: 'name',
dataLabels: {
enabled: true,
style: {
fontSize: '15px',
textOutline: '2px 3px contrast'
},
formatter: function () {
if (this.point.value > 1)
return this.point.name;
}
}
}],
heightChart: 600
});










