###前提・実現したいこと
現在、GoogleChartで表示させた棒グラフの内、それぞれの棒をクリックすると、クリックした棒に応じてアラートを表示させる という簡単なアクションを起こすシステムを試しに作っています。
###発生している問題・エラーメッセージ
GoogleChartより、棒グラフの表示をすることは出来ました。
しかし、棒グラフをクリックする際、棒グラフをホバーすることで棒グラフを示す要素が増えてしまい、上手くクリックするポイントを指定することが出来ません。(下図のように、クリックするときにg要素が1つ増えてしまうということです。)
どうすれば各棒に対応した結果をそれぞれ表示させることができるのでしょうか?
または、ホバー時に生成されないようなgooglechartの設定はあるのでしょうか?
もしわかる方いましたらご教示くださいm(_ _)m
###該当のソースコード
javascript
1$('div#custom_html_content_div > div > div > div > svg > g > g > g > g > rect').click(function() { 2 var $this = $(this); 3 for (var i = 1; i <= 3; i++) { 4 if ($this.index() === 0 || $this.is(':nth-child(i)')) { 5 alert("i番目の棒グラフです"); 6 } 7 } 8});
nth-childでiを指定することで、何番目の棒グラフが選択されたのかをみています。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/28 14:05