Google ツリーマップの視覚化は非常に優れています。マウス クリック アクションを追加する方法はありますか (たとえば、ハイパー リンクを追加して、特定のタイルがクリックされたときに新しいブラウザー ウィンドウがポップアップするようにします)。このドキュメントでは、マウス クリック イベントについては何も言及されていませんでした。
Google ビジュアライゼーションがこれを許可しない場合、使いやすく、この機能を備えた他のものをお勧めしますか?どうもありがとうございました!
Google ツリーマップの視覚化は非常に優れています。マウス クリック アクションを追加する方法はありますか (たとえば、ハイパー リンクを追加して、特定のタイルがクリックされたときに新しいブラウザー ウィンドウがポップアップするようにします)。このドキュメントでは、マウス クリック イベントについては何も言及されていませんでした。
Google ビジュアライゼーションがこれを許可しない場合、使いやすく、この機能を備えた他のものをお勧めしますか?どうもありがとうございました!
遅刻しないよりはマシだけど…
これは、'select'
ハンドラーを使用して行うことができます。
google.visualization.events.addListener(myTreeMap, 'select', myOnClickFunction);
myOnClickFunction
必要なものは何でも含めることができますが、リンクを処理する最善の方法は、元のデータに列として追加し、TreeMap で選択された行に基づいて列から適切なリンクを検索することです。
select
リスナーを使用すると、次のように関数DataTable
を使用すると、行が表示さgetSelection()
れます (ドキュメントはこちら)。
myTreeMap.getSelection();
これにより、テーブルの行が表示されるため、5 列目に URL がある場合、次のように URL を割り出すことができます。
myTreeMap.getValue(4, myTreeMap.getSelection());
URL を取得したら、標準の Javascript を使用して必要なことを実行できます (新しいウィンドウを開くなど)。