21

私は現在、全体的に非常に強力なAPIであるFlotグラフに取り組んでいますが、高度な使用例は広く文書化されていません。

API は、グラフ上で hoverable を設定する方法があることを示唆していますが、それが正確に何を意味するのかはわかりません。

誰かが遭遇したいくつかの例、またはその問題のコードに貢献できるかどうかを知りたいです。これらは、次のいずれかの例を示しています。

  • Flot チャート要素のイベントにカーソルを合わせるとトリガーされる動的なツールチップ
  • 目盛りのツールチップ (x 軸にカーソルを合わせると詳細が表示されます)
  • Flotで使用されているあらゆる種類のホバーオーバー/動的イベントバインディング

私が探している効果は、このOpen Flash Chart の例に似ています

4

7 に答える 7

48

チャート上のプロットポイントのツールチップを示すこのフロットの例をご覧ください。（[ツールチップを有効にする]チェックボックスを必ず選択してください。）

于 2009-01-19T06:19:10.993 に答える
11

簡単なツールチップ プラグインもあります。ここで見つけることができます。

また、プラグインにいくつかの機能を追加します。github で見つけることができます。 https://github.com/skeleton9/flot.tooltip

于 2012-04-09T07:28:57.577 に答える
9

http://data.worldbank.orgは Flot を使用して構築され、ツールチップを使用します。

于 2010-06-24T16:20:54.723 に答える
3

ツールチップとフローの統合については、このライブラリを確認してください

https://github.com/krzysu/flot.tooltip

于 2012-10-26T06:26:06.103 に答える
1

カスタム データをデータ配列に追加し、それを使用してツールチップを表示できます。

ここで私の答えと完全な例を参照してください :

于 2012-10-01T10:52:40.503 に答える
1

http://craigsworks.com/projects/qtip2/demos/#flotは私のお気に入りの JS ツールチップ ライブラリです。そのかなりワルで、flot 統合があります。

于 2011-05-11T21:21:04.387 に答える