Google Chart：Pie Sliceテキストの奇妙な位置

Question

円グラフを作成するとき（Google Chartを使用して）、それらは常に非常に奇妙に配置されたスライステキスト/注釈とともに出力され、スライスが非常に小さいときにはテキストはスライス上に残ります。下の画像を参照してください。 これは、Google Chartsの例のコピーされたJavascriptコードを使用しても発生します。しかし、私は、ページに貼り付けるのではなく、新しいタブで静的チャートを開きたいので、出力を配置する必要があるグラフdivを非表示にします（display:noneを使用）。

Answer 1

グラフを正しく生成するには、グラフの出力先のDIVをdisplay: noneに設定できません。これはGoogle Chartsのバグのようです。グラフの出力DIVを非表示にしたい場合は、回避策が見つかりました。 visibility: hiddenを設定すると、DIVを非表示にしてもチャートが正しく生成されます。あなたがdisplay:none CSSを模倣completeyしたい場合、私は次のスタイルを使用：

visibility: hidden; 
position: absolute; 
top: -9999px; 
left: -9999px; 

が、これはあなたのお役に立てば幸いです。