2017-05-25 5 views
0

複数の系列を同じグラフにプロットする場合、最も近いx軸値ではなく、2次元距離の最も近い点にツールチップをスナップすることができます。このような状況では、色が単独であり、最も近いx軸値にスナップするシリーズは、基本的に同じx値の周りのデータポイントを持つ多くのシリーズ間でランダムにホップするので、無用です。高次元のツールチップを近似点に2次元距離で表示するにはどうすればいいですか?

私はこのようにツールチップを設定する方法は見つけられませんでしたが、アルゴリズム的には実際には各シリーズで最も近いx値のデータポイントを選び、最も短い2次元距離(または、通常はx値がy値よりもはるかに密に詰め込まれているような最も近いy値点さえも)です。

更新findNearestPointByは私が実際にstockChartを使用している以外やりたいはずである、以下の提案で私が演じました。 chart

  1. findNearestPointByは、違いを確認していないようstockChart対を参照 - stockChartchartは異なる動作ことが表示されます。 「バンプ」の横にある2つのポイントのいずれかの真上にバンプの高さにマウスを置くと、ツールチップはchartのバンプにスナップしますが、下のポイントはstockChartにスナップします。

  2. 同じx値の両方一連の点の近くでホバリングするときchartツールチップのみ、その最も近い点近い系列を示し、一方、stochChartツールチップが両方のシリーズを示しているが - 私はツールチップを伝えたいように、私ははるかに後者を好みます最も近い点が属するシリーズ。

アップデート2私はHighchartsサポートページで同じ質問をし、その溶液を指摘しました。 tooltip: {shared: false}を追加すると、両方の問題が解決されますstockChart v2

答えて

0

Series.findNearestPointByオプションを'xy'に設定します。 APIから

findNearestPointBy:文字列

はシリーズをホバリングするときシリーズは 次元またはちょうどx次元の両方に最も近い点を探す必要があるかどうかを決定します。 スキャッタ系列の場合はデフォルトで「xy」に設定され、他のほとんどのシリーズでは「x」に設定されます。 データに重複するx値がある場合は、これを 'xy' に設定して、すべてのポイントをホバリングできるようにすることをお勧めします。

ツールチップに最近傍検索(直接ホバーではない)を使用するシリーズタイプにのみ適用されます。

SRC:http://api.highcharts.com/highcharts/plotOptions.area.findNearestPointBy

例:5.0.10以降に導入http://jsfiddle.net/gh/get/library/pure/highslide-software/highcharts.com/tree/master/samples/highcharts/series/findnearestpointby/

+0

非常に有望な選択肢、「唯一のシリーズタイプに適用ようです..."私の場合はうまくいかなかった - 私は質問に詳細を更新する –

+0

stockChartに必要な追加オプションが見つかりましたので、私はこの答えを受け入れるでしょう。 –

関連する問題