我已经实施了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>
答案 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; ?>")
它有效。