Google GeoChartを利用して、国や県等の地域圏域のパスをレンダリング、jsonのデータをtooltipに出力する機能を試しているところですが(Google Charts - Visualization: GeoChart)、
通常tooltipは、圏域のパス上でhover(tooltip.trigger:focus)もしくはクリック(tooltip.trigger:selection)することで表示されますが、このtooltipのトリガーを、圏域のパスオブジェクトではなく、html上の特定の別オブジェクトをhoverしたときにも、tooltip表示できるようにしたいと思っています。
(GeoChartがレンダリングした東京都のパス上にマウスを乗せるとtooltip表示されますが、欄外のul > li の「東京都」の文字列をhoverしたときにもtooltip表示をさせたいということです)
どのようにかして実現できないものでしょうか。
上記のURL内ガイドにある、「Configuration options」の項目に、先にも述べた、「tooltip.trigger」なるオプション項目があるのですが、使用できる値は、「focus/none/selection」で、このオプションのみの変更では、focusではhover、noneはtooltipなし、selectionは、クリックでtooltip表示となるようです。
tooltip.triggerの値を「selection」とした上で、カスタムの「selection」イベントを登録したりしてできないものかと考えています。
ガイド内「Methods」の項に、「setSelection()」なるファンクションがあり、これをどうにかすることで実現できないのではないかと考えていますが、その先の説明については、どういうことなのか全く発想ができず、お知恵をお借りしたいと思っています。
よろしくお願いいたします。
あなたの回答
tips
プレビュー