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 に答える