2016-04-12 11 views
3

多くのポイントが同じ、または非常に類似した値を持つHighchartsバブルチャートがあります。現在、トップポイントのデータラベルのみが表示されます。ポイントをハイライト表示できる機能があります(select()メソッドを使用)。ポイントが選択されたら、point.graphic.toFront()を使用してトップに移動しますが、選択したポイントのデータラベルもトップに移動します。私はそれをどうやって行うのか、それが可能かどうかはわかりません。ハイチャートバブルチャート - 個々のポイントのデータラベル(dataLabel)を前面/上部に移動する方法

個々のポイントのデータラベルを前面/上部に移動して表示する方法はありますか?

データラベルを重複させる設定があることは知っていますが、これは必ずしも私がしたいことではありません。重複する点のために最上位のデータラベルのみが表示される現在の機能を維持したいと思いますが、どのポイント/データラベルが上にあるかをプログラムで制御できるようにしたいと考えています。私はポイントのデータラベルのZ-インデックスを調整しようとしましたが、それは何もしていないようです。

+0

あなたはjsFiddleのように、実際の例を投稿してもらえますか?既存のコードを処理する方が、もう一度全文を書くよりも速くなります。 –

+0

@KacperMadejここでは非常に単純な例です:http://jsfiddle.net/jlbriggs/3d3fuhbb/136/(先に何かを試してみましたが、遠くには行かなかった) "A"が前面に、 "B"が隠れている。 "B"はどのように優先されますか? – jlbriggs

+0

申し訳ありませんjsFiddleを提供していません。私はそれが必要ではないと思っていましたが、この1つで私を助けてくれてありがとうございます@ jlbriggs。 – jbgarr

答えて

2

labelrankをpointプロパティとして定義すると、ラベルが重なっているときにlabel hide/showを制御できます。

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

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

+0

これは素晴らしいことです!どこにドキュメントの 'labelrank'の情報がありますか?私はそれについて何も言及しなかった。いずれにしても、これに助けてくれてありがとう。それは私の問題を解決しました。 – jbgarr

+1

ニース。そして、ちょっとメモを書いてください。あなたはそれを各ポイントに割り当てるのをスキップして、上書きしたいポイントが1つ上になるように更新するだけです。 – jlbriggs

+1

@jlbriggsそれは実際には正確です私は何をしていたのか。ですから、将来的には、ここで参考になるべき更新コードの重要な部分が私にとって役に立ちました: 'point.update({labelrank:1})' – jbgarr

関連する問題