【问题标题】:Why is my percentage on google pie chart cut on display?为什么我在谷歌饼图上的百分比显示出来了?
【发布时间】:2013-02-08 19:00:57
【问题描述】:

我的谷歌饼图百分比显示被削减,我不知道为什么,这是绘制此类图表的 javascript 函数

function drawChart(arr, id, title)
{
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Topping');
  data.addColumn('number', 'Slices');
  console.log(arr);
  data.addRows(arr);
  var options = {'title': title,
  'width':350,
  'height':200};

  var chart = new google.visualization.PieChart(document.getElementById(id));
  chart.draw(data, options);
}

这是drawChart(arr, 'ajAcChart', 'répartition académique des <?php echo $this->ajDemands; ?> demandes d\'informations'); 调用的结果

还有resulting 图像

如您所见,66.7% 未正确显示,如果我突出显示文本,我会看到 .7。

谢谢

【问题讨论】:

    标签: google-api google-visualization


    【解决方案1】:

    图表 API 似乎在确定如何将文本调整到您指定的大小时遇到​​问题 ('width':350,'height:200')。

    我创建了一个 jsFiddle 并弄乱了 fontSizefontFamily 选项,它似乎更适合一些调整。

    http://jsfiddle.net/Jeff_Meadows/v2UPh/1/

    【讨论】:

    • 如果我改变 fontSize 和 family,即使是像 5 这样的小数字,66.7 文本也会显示在图表的边框上,它不想适合里面...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多