Highcharts:是否可以在气泡图中显示所有数据标签而不重叠?

时间:2018-01-24 17:00:04

标签: javascript charts highcharts data-visualization bubble-chart

我正在构建一个Highcharts气泡图,并且遇到了格式化数据标签的挑战。数据将定期更新,因此当气泡重叠或彼此非常接近时会有很多次。

默认情况下,将省略彼此非常接近的标签。但是,我对此图表的要求包括显示所有气泡的数据标签,无论其位置如何(因此,我将allowOverlap设置为true)。

以下是演示气泡图的变体,显示了我的问题(另请参见下面的屏幕截图):http://jsfiddle.net/brightmatrix/Lxw7koey/。请注意葡萄牙和匈牙利的标签如何在左下角相互碰撞,以及芬兰和瑞典如何紧密地联系中心。

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            format: '{point.country}',
            allowOverlap: true // shows all data labels, but overlap occurs
        }
    }
},

enter image description here

有没有办法抵消数据标签,使它们不会重叠或碰撞?由于数据会随着每次更新而不断变化,因此我无法依靠手动偏移(通过x或y定位)或对齐来解决此问题。

作为参考,我查看了以下相关问题:

0 个答案:

没有答案