Highcharts Bubble Chart - Wie man das Datenlabel eines einzelnen Punktes (dataLabel) nach vorne/oben verschiebt

Question

Ich habe ein Highcharts Bubble Chart, in dem viele der Punkte dieselben oder sehr ähnliche Werte haben. Derzeit ist nur das Datenlabel des obersten Punkts sichtbar. Ich habe Funktionen, mit denen die Punkte markiert werden können (mit der select() Methode). Wenn ein Punkt ausgewählt ist, verschiebe ich ihn auch nach oben, indem ich point.graphic.toFront() verwende, aber ich möchte auch, dass die Datenbeschriftung des ausgewählten Punkts ebenfalls nach oben verschoben wird. Ich kann mir nicht vorstellen, wie das geht oder ob es möglich ist.

Gibt es eine Möglichkeit, das Datenetikett eines einzelnen Punkts nach vorne/oben zu verschieben, damit er sichtbar ist?

Ich weiß, dass es eine Einstellung gibt, die Datenbeschriftungen überlappen lässt, aber das ist nicht unbedingt das, was ich tun möchte. Ich würde gerne die aktuelle Funktionalität beibehalten, wo nur die oberste Datenbeschriftung für überlappende Punkte angezeigt wird, aber ich möchte in der Lage sein, programmatisch zu steuern, welcher Punkt/Datenbeschriftung oben liegen. Ich habe versucht, den Z-Index des Datenlabels des Punktes anzupassen, aber das schien nichts zu tun.

Answer 1

Wenn Sie labelrank als Punkteigenschaft definieren, können Sie die Kontrolle über das Label hide/show steuern, wenn sich die Beschriftungen überlappen.

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

Beispiel: http://jsfiddle.net/x5sfcekL/