Googleの折れ線グラフのオーバーラップツールチップ

Question

私はGoogleのグラフのAPIを使用してグラフアプリケーションを設計しました。以下は、データを使用して描画するグラフの例です。あなたが見ることができるように、画像には2つのグラフがあります。グラフ上にカーソルを置くと、関連するデータとともにツールヒントが表示されます。それは2つのグラフが重なっているときに問題が発生するのが標準ですが、私はただちに描画されたグラフのツールチップを見ることができます！最初のグラフの下にあるグラフのデータをツールチップに表示させるにはどうすればよいですか？

​​

Answer 1

あなたは、イベントリスナーを作成し、同時に両方のチャートの値を取得し、それをコメントで示唆されたようカスタムツールチップにそれらを追加することができます

var chart = new google.visualization.ComboChart(document.getElementById("myChart"); 
    var listener = google.visualization.events.addListener(chart, 'onmouseover', function (e) { 
        console.log(e); 
        }); 

ことあなたが始めるのを助けるはずです。

Answer 2

focusTarget〜"category"に設定すると、Xポイントのすべてのシリーズがハイライトされ、ツールチップに表示されるので、オーバーラップでも両方のデータポイントが表示されます。そのオプションの詳細はhereを参照してください。

代わりにadd noise to the chartを使用して、オーバーラップがオーバーラップとして表示されないように結果をディザリングすることもできます。