Highcharts 广东地图：为什么东莞名称无法显示？

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
});

以上就是Highcharts 广东地图：为什么东莞名称无法显示？的详细内容，更多请关注其它相关文章！