2013-11-21 2 views
17

私は円グラフとして電子メールからのオープンとクリックに関するいくつかのデータを表示するためにGoogle Chartsを使用しています。私は右のデータを示す円グラフを持っていますが、円グラフのラベルに問題があります。私のGoogle円グラフのミスアライメントされたラベル/スライステキスト

理由はわかりませんが、間違って配置されています - ラベルが通常のようにスライスの中央にあるべきではないと判断されました(左の画像)

興味深いことに、ほとんどの場合、私はそれが整列していないことを見てきましたが、テキストが(通常はコードを変更したときに) (右図)をリフレッシュした後、スライスの端に戻る。

mis-aligned labels in the Google Pie ChartAligned

は、誰もがこれらの位置決めが正しい取得する方法を知っていますかあります場合、私はそれをやっている何かがポジショニングをノックアウトですか?

function drawPieChartOpens() 
{ 

    var data = new google.visualization.arrayToDataTable([ 
     ['Opens','Count'], 
     ['Opens',3988], 
     ['Non Opens',21145] 
    ]); 

    var options = { 
     'width':200, 
     'height':300, 
     'legend':'none', 
     colors: ['#00933B','#DDDDDD'], 
     slices: {0: {offset: 0.2}}, 
     'chartArea':{width:'100%'} 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('opens-2782714')); 
    chart.draw(data, options); 
} 

google.setOnLoadCallback(drawPieChartOpens); 
+13

これは[Chromeのバグ](https://code.google.com/p/chromium/issues/detail?id=290399)と思われます。私たち(Google Charts)は、次のリリースにチェリーを選ぶつもりだというハックな作業をしていますが、それはしばらく時間がかかるかもしれません。だから、これは数日/数週間後に魔法のように修正されます。 –

+0

ああそう!私はこのバグを見たのは私だけではなく、私が間違っていたものではないことを嬉しく思っています:)私はそれがGoogle製品であることが好きですが、別のGoogle製品で意図された通りに動作するとは限りません... lol - 私を更新してくれてありがとう! –

+0

Firefoxでも同じ問題があるので、Chromeには分かれていません。万が一ブートストラップを使っていますか?私はそれに関連するかもしれないと思う.. – rochal

答えて

3

この問題はNovember 7, 2013で修正されました、それはより多くの問題が発生することはありません。

バグレポートから:問題を再現する

ステップ:

  1. ハイライトのdevのインスペクター(「100」を含む例えば1)でメインテーブルの左の列の任意のセル
  2. ハイライトされたボックスには幅32、devtoolsでのメトリックでは幅32、別の「ルーラ」では幅32が表示されます。

予想される動作は何ですか?
その要素のoffsetWidthも32を返します

何が問題になりましたか?
offsetWidthは実際の値よりも劇的に低く、offsetWidthは22です。他のケースでは、任意の量だけオフになります(たとえば、右上のセルとその下のセルは1ピクセルずつ異なります)。

関連する問題