Highcharts 气泡图 - 如何将单个点的数据标签 (dataLabel) 移动到 front/top

Question

我有一个 Highcharts 气泡图，其中许多点将具有相同或非常相似的值。目前只有最高点的数据标签可见。我有允许突出显示点的功能（使用 select() 方法）。选择一个点时，我也使用 point.graphic.toFront() 将其移动到顶部，但我也希望将所选点的数据标签也移动到顶部。我不知道该怎么做或是否可行。

有没有办法将单个点的数据标签移动到 front/top 以便可以看到？

我知道有一个允许数据标签重叠的设置，但这不一定是我想要做的。我想保留当前功能，其中仅显示重叠点的顶部数据标签，但我希望能够以编程方式控制顶部的 point/data 标签。我试图调整点的数据标签的 z-index，但似乎没有任何作用。

Answer 1

如果您将 labelrank 定义为点属性，那么当标签重叠时，它将允许您控制标签 hide/show。

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

示例：http://jsfiddle.net/x5sfcekL/

Highcharts 气泡图 - 如何将单个点的数据标签 (dataLabel) 移动到 front/top

Highcharts Bubble Chart - How to move an individual point's data label (dataLabel) to the front/top

bubble-chart

highcharts