4

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

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
           }
     }
    ]
}],

在此处输入图像描述

4

2 回答 2

2

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

于 2013-04-08T09:56:18.293 回答
1

显然，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 上创建了这个问题。

编辑

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

于 2016-04-13T18:23:21.733 回答