完全な HTML を含む Google チャート表示カスタム ツールチップを作成しようとしています。
ツールチップを有効にして適切なデータを渡す方法を知っています-問題は-allowHTML
オプションが有効になっている場合でも、ツールチップはプレーンテキストとしてレンダリングされるため、たとえばツールチップに画像を表示できません。
ここに私がしようとしていることの小さな例があります:
この問題を解決する 1 つの方法は、ツールチップを無効にし、onmouseover イベントをキャプチャし、別のライブラリ (cluetip など) を使用してカーソル位置にツールチップを表示することですが、Google Charts でこの種の機能を有効にするためのクリーンでネイティブな方法があるかどうか疑問に思っていました。
また、Googleチャートのポイントマーカーとしての画像に関する私の他の質問もチェックしてください.
編集:
その間、この機能をカバーする非常に優れた非常に安価な (Web サイト ライセンスあたり 60 ドル) ライブラリを見つけました: Highcharts ライブラリ
例でわかるように、ツールヒントをフォーマットする関数を渡すことができます。ツールヒントのコンテンツを動的にロードするために使用できる URL を含む特別なプロパティを各データポイントに簡単に追加できます。その後、シリーズ内の各データ ポイントに追加のプロパティを追加することで、ツールヒントをキャッシュできます。この方法で実装しましたが、完全に機能します。
最新の編集が誰かに役立つことを願っています。