Highcharts气泡图数据标签重叠

Question

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

Answer 1

您可以设置useHTML: true标志，然后为dataLabels设置z-index: x属性，请参阅：http://jsfiddle.net/ZLmU8/4/

Answer 2

显然，Highcharts点对象上有一个labelrank属性，可用于指示哪些点标签位于顶部。它可以在您创建数据时使用：

data: [{
    x: 1, y: 1, labelrank: 1, name: 'A'
    },{
    x: 1, y: 1, labelrank: 2, name: 'B' 
  }]

或者它可以在单个点上更新，通过执行以下操作将该点的dataLabel带到前面：chart.series[0].points[0].update({labelrank: 3});

我遇到了类似的问题，并在SO上创建了this问题，这些问题刚刚得到解答。

修改

他们还在其文档中添加了有关series.data.labelrank的信息：http://api.highcharts.com/highcharts#series.data.labelrank