使用Highmaps mapbbuble和datalabels。缩放时,数据标签不会离开屏幕

时间:2016-08-06 11:45:11

标签: javascript highcharts highstock highmaps

使用Highmaps时,一起使用地图气泡和数据标签。放大到一个国家仍然以一种破旧的方式(在容器的底部)显示其他几个国家的数据标签。 我在这里复制了这个错误:

  

http://jsfiddle.net/q2nxbcee/1/

{
    type: 'mapbubble',
    mapData: mapData,
    name: 'Population 2013',
    joinBy: ['iso-a2', 'code'],
    data: data,
    minSize: 4,
    maxSize: '12%',
    tooltip: {
        pointFormat: '{point.code}: {point.z} thousands'
    },
    dataLabels: {
        enabled: true,
        //allowOverlap: true,
        formatter: function() {
            if (this.point.value > 0) {
                return this.point.value;
            } else {
                return 10;
            }
        }
    }
}

问题的屏幕截图: Data labels are accumulated at the bottom when zoomed in or panned away

  

观察

数据标签显示在底部,底部是一些气泡的标签,不得显示。

1 个答案:

答案 0 :(得分:2)

根据提供的文件

http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.overflow

您需要将以下属性添加到dataLabels

dataLabels : {
 overflow: 'none',
 crop:false
}

JSFiddle