我的Google饼图中错误对齐的标签/切片文字

时间:2013-11-21 11:52:10

标签: javascript charts google-visualization

我正在使用Google Charts来显示有关电子邮件中的打开和点击的一些数据,如饼图。我有Pie图表显示正确的数据,但我在饼图上遇到标签问题。

我不确定为什么,但它是错误对齐的 - 决定标签不应该像往常一样位于切片的中间(左图)

有趣的是,尽管大部分时间我都看到它未对齐,但我注意到文本对于顶部切片正确地对齐了几次(主要是当我刚刚对代码进行了更改)但是之后刷新(右图)后,回到切片的边缘。

mis-aligned labels in the Google Pie Chart Aligned

有没有人知道如何确定这些定位的正确性,或者如果有什么我正在做的那就是淘汰定位?

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);

1 个答案:

答案 0 :(得分:3)

此问题已在November 7, 2013中修复,不应导致更多问题。

来自错误报告:

  

重现问题的步骤:

     
      
  1. 在展示检查器中突出显示主表左栏中的任何单元格(例如包含“100”的单元格)
  2.   
  3. 在页面上,突出显示的框显示宽度32,devtools中的指标显示宽度32,单独的“标尺”扩展名显示宽度32
  4.         

    预期的行为是什么?
      该元素的offsetWidth也返回32

         

    出了什么问题?
      offsetWidth显着低于实际值,在这种情况下offsetWidth为22。在其他情况下以任意数量关闭(例如,右上角单元格和其下方的单元格相差1px)。