Highcharts气泡图数据标签重叠 [英] Highcharts bubble chart dataLabels overlapping

问题描述

如图所示（与小提琴不一样的代码，但出现问题），使用Highcharts新的气泡图表，dataLabels似乎喜欢坐在彼此之上。有这个简单的解决方法吗？我很乐意为每个标签手动更改z-index，但这似乎不适用于气泡图。以下是一些示例代码无法按预期工作（在

As shown in the picture (which is not the same code as the fiddle, but exhibits the problem), with Highcharts new bubble charts it seems like dataLabels like to sit on top of each other. Is there an easy workaround for this? I'd be happy to manually change the z-index on a per label basis, but this doesn't seem to work for bubble charts. Here's some sample code that fails to work as expected (try it in a fiddle):

series: [{
    data: [{
        x: 99,
        y: 36,
        z: 50
    }, {
        x: 99,
        y: 74,
        z: 55,
        dataLabels: {
            zIndex:15,
            enabled: true,
        }
    }, {
        x: 99,
        y: 76,
        z: 55,
        dataLabels: {
            zIndex: 1,
            enabled: true
           }
     }
    ]
}],

解决方案

You can set useHTML: true flag, and then set z-index: x property for dataLabels, see: http://jsfiddle.net/ZLmU8/4/

这篇关于Highcharts气泡图数据标签重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！