我正在构建一个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
}
}
},
有没有办法抵消数据标签,使它们不会重叠或碰撞?由于数据会随着每次更新而不断变化,因此我无法依靠手动偏移(通过x或y定位)或对齐来解决此问题。
作为参考,我查看了以下相关问题: