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

Google視覚化円グラフ（コアチャート）からホバーツールチップを削除するにはどうすればよいですか？それは例えば、クロスブラウザを動作させるために必要がある、IE、FF、クロム、サファリ、オペラGoogle Visualization円グラフ（コアチャート）からホバーツールチップを削除

enter image description here

編集：私はあまりにもクリック可能であることをスライスする必要があります。
enableInteractivity : falseは、ホバーを削除しますが、「選択」または他の相互作用に基づくイベントをスローしません。

出典

2011-11-22 Shumon Saha

：http://code.google.com/p/google-visualization-api-issues/issues/detail?id=383それはありませんあなたがそれをすることができるようです。どういうわけかマウスオーバーでハックすることができない限り... –

http://code.google.com/apis/chart/interactive/docs/release_notes.html - 「ツールチップ - 現在のバージョンでは、ツールチップがマウスのホバーで自動的に開きます。またはAPIを使用してそれらを閉じることができます。私はSVGのソースコードをチェックしたので、CSSやJSを使って隠れるようにツールチップに割り当てられているクラスはありません。 –

はたぶん、あなたは、あなたがenableInteractivityをtrueに設定残すことができます。このようにして、あなたのチャートのオプション

'tooltip' : { 
    trigger: 'none' 
}

にこれを追加する必要があります。

出典

2011-12-13 14:12:34

私のために働かない。ツールチップボックスは引き続き表示されます。 – dokaspar

ありがとうございました。この属性は、質問を投稿した後に公開されました。それは非常に必要な機能性だったので、Googleはそれを取り上げた。 –

@Dominik：「ツールチップ」オプションはサポートされていないようなので、私はタイムラインの視覚化で同様の問題がありました。 hoverイベント自体を抑制することはできませんでしたが、 'google-visualization-tooltip'クラスの要素に対してCSSスタイルの' display：none; 'を定義すると、タイムラインツールチップが隠されてしまいました。このクラスは他のグラフタイプでもうまくいくと思います。 – jmikola

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

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

出典

2011-12-03 01:38:10 Nix

ありがとうNix。しかし、私はスライスもクリック可能にする必要があります。 "enableInteractivity：false"は、ホバーを削除しますが、「選択」または他の相互作用に基づくイベントをスローしません。 –

この削除ホバーイベントが、クリックイベントを維持します。

tooltip: { trigger: 'selection' }

出典

2013-12-20 18:23:02 zsimo

セットツールチップ：{isHtml：真を}オプションセクションで。このことから

CSSファイルで

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

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

出典

2016-10-06 11:50:47 Dasun

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

答えて

関連する問題