質問: JavaScriptのグラフ化ライブラリのdygraphsを使って以下のようなグラフを作成しました(グラフはCSVファイルを元に作成されています。)。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/0e01f9e034fd8a2c019186fd60bfd03c.png) CSVのデータはその日の気温です(最高気温(グラフ中緑)、最低気温(グラフ中青))。縦軸が温度、横軸が日付になります。 実装したい機能は、横軸の日付に対応した画像を表示する機能です。 例えば4月1日の衛星写真の画像を4月1日の位置でマウスオーバーした際にグラフの下側に表示されるような形にしたいです。 実現したい画面のイメージです。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/d71567590cc8ebaeef576949855c821d.png) このような処理の実装方法にどのようなものが考えられるでしょうか? 初歩的な質問だと思いますが、よろしくお願いいたします。
回答: `mouseOverHandler` とか使うみたいですね。 【http://dygraphs.com/annotations.html】 【Dygraphs Gallery】 ※ 「Edit in jsFiddle」からコードが確認出来ます。 【javascript - Display annotation of length of a plotted line when hovered over - Stack Overflow】 ※ 画像ではありませんが annotationMouseOverHandlerを使っている例。annotationMouseOutHandlerと併用するのが基本な気がします。