2

古いバージョンのハイチャートでは、折れ線グラフと散布図の両方を含むグラフを作成し、次のように両方を同じツールチップに組み合わせることができました。

ここに画像の説明を入力

highchart 3.0.7 では、これは機能しなくなりました。wind dir の下のツールチップに見られるように、表示されません。Win dir は散布図で、他はエリアスプラインです:

ここに画像の説明を入力

ツールチップ コード:

tooltip: {
crosshairs: true,
shared: true,
   formatter: function() {
        var s = '<b>' + Highcharts.dateFormat('%H%M %p %a %b %e', this.x) + '</b>';
        $.each(this.points, function(i, point) {
             s += '<br/>' + point.series.name + ': ' + point.y + (this.series.name == 'Wind Dir' ? ' degrees' : ' mph');
        });
        return s;

   }
}

ここで完全な例を参照してください。

3.0.7 のツールチップを 2.2 のように動作させるにはどうすればよいですか?

4

2 に答える 2

1

私の場合、エラー バー チャートのようなものを探していましたが、いくつかの変更が加えられました。

  • 同じことを共有するyAxis（列とエラーの両方が同じ性質についてです）
  • errorbar列の余白はありません（ただし、ドットのためにそれらを保持する必要があります）
  • のscatter代わりに使用spline(y は時間的に接続されていないため)

したがって、Highcharts のエラー バー fiddleから、私の場合と同じ壊れたツールチップ fiddleを思いつきました。

問題を掘り下げたところ、Highcharts の共有ツールチップのドキュメントに従って次のことがわかりました。

順序付けられたデータ (円グラフ、散布図、フラグなどではない) を含む系列タイプのツールヒント テキストは、1 つのバブルに表示されます。

scatterしたがって、オプションの共有ツールチップを期待するのは本当に意味がありません。

解決策として、まったく同じOPの解決策を思いつきました。

タイプを(最初はsplineあまり意味がありません) に設定し、プロットのようlineWidth: 0に表示されるように設定して線を削除します。scatter

于 2014-12-18T17:24:56.810 に答える