饼图在显示数据时显示“其他”

时间:2013-07-18 06:43:51

标签: google-visualization

我已经实施了Google饼图。 一切都很完美,但是当我尝试添加小于10的数据时,它不会在图表上绘图而不是在名为“其他”的图例下添加新条目

我的脚本是

<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
 ['Task', 'Age Difference'],
['>10',        15],
['10-15',      <?php echo $agecnt2;?>],
['16-20',      <?php echo $agecnt3;?>],
['21-25',      <?php echo $agecnt4;?>],
['26-30',      <?php echo $agecnt5;?>],
['31-35',      <?php echo $agecnt6;?>],
['36-40',      <?php echo $agecnt7;?>],
['41-45',      <?php echo $agecnt8;?>],
['46-50',      <?php echo $agecnt9;?>],
['51-55',      <?php echo $agecnt10;?>],
['56-60',      <?php echo $agecnt11;?>],
['61-65',      <?php echo $agecnt12;?>],
['66-70',      <?php echo $agecnt13;?>],
['71-75',      <?php echo $agecnt14;?>],
['76-80',      <?php echo $agecnt15;?>],
['>80',        <?php echo $agecnt16;?>]
]);

var options = {
  title: 'Age Difference'
};

var chart = new google.visualization.PieChart(document.getElementById('chart_div4'));
chart.draw(data, options);
}
</script>  

3 个答案:

答案 0 :(得分:19)

谷歌饼图分组所有&#34;小&#34;切成一个&#34;其他&#34;组。默认情况下,任何默认小于1 / 2degree的组都会被分组到&#34;其他&#34;部分。您可以修改sliceVisibilityThreshold(描述here)以最小化/消除此影响。

答案 1 :(得分:4)

我有一个类似的问题 - 只是数字实际上并没有太大的不同。

数据表完美呈现为ColumnChart,但无法将切片显示为PieChart。

解决这个问题的原因是将php中的值转换为intval()的整数。

显然,ColumnChart可视化是宽容的,而PieChart不是整数以外的值。

答案 2 :(得分:1)

对我来说问题是我的php代码仍然是一个字符串,因为echo。 所以我这样做了:

parseInt("<?php echo $phpvalue; ?>")

它有效。