web-dev-qa-db-ja.com

Google Visualization円グラフ（コアグラフ）からホバーツールチップを削除します

Google Visualizationの円グラフ（コアグラフ）からホバーツールチップを削除するにはどうすればよいですか？ IE、FF、Chrome、Safari、Operaなどのクロスブラウザで動作させる必要があります

enter image description here

編集：スライスもクリック可能にする必要があります。
enableInteractivity : falseホバーを削除しますが、「select」またはその他のインタラクションベースのイベントはスローしません。

javascripthtmlgoogle-visualization
18
Shumon Saha

これをチャートのオプションに追加する必要があるかもしれません

'tooltip' : {
  trigger: 'none'
}

このようにして、enableInteractivityをtrueに設定したままにすることができます。

42
Sir_Faenor

enableInteractivity = False オプションを使用します。インタラクションとホバーを無効にします。

chart.draw(data, {   
  width: 400, 
  height: 240, 
  title: 'Your chart and data',
  enableInteractivity: false,
  hAxis: {title: 'Year'}
});
10
Nix

これによりホバーイベントが削除されますが、クリックイベントは維持されます。

tooltip: { trigger: 'selection' }
1
zsimo

オプションセクションにツールチップを設定：{isHtml：true}。

chart.draw(data, {   
  tooltip: { isHtml: true },
  width: 400, 
  height: 240, 
  title: 'Title',
  hAxis: {title: 'Year'}
});

cSSファイル内

div.google-visualization-tooltip { display:none }
0
Dasun