Highcharts Bubble Chart - 如何将单个点的数据标签(dataLabel)移动到前/上

时间:2016-04-12 16:52:56

标签: highcharts bubble-chart

我有一个Highcharts气泡图表,其中许多点将具有相同或非常相似的值。目前只有顶点数据标签可见。我的功能允许突出显示点(使用select()方法)。当选择一个点时,我也使用point.graphic.toFront()将其移动到顶部,但我也希望所选点的数据标签也移动到顶部。我无法弄清楚如何做到这一点或是否有可能。

有没有办法将单个点的数据标签移到前面/顶部以便可以看到它?

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

1 个答案:

答案 0 :(得分:2)

如果将labelrank定义为点属性,则可以在标签重叠时控制标签隐藏/显示。

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

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