Php 为谷歌饼图创建数据

我想这可能更像是一道数学题，但我还是要试试！我正在使用谷歌饼图（）来显示我的数据

我如何才能创建一个完整的饼图，目前它只是创建一个不能填充整个饼图的小切片

这些数据是从Wordpress收集的，只是统计有多少公司是学术、商业或临床公司。这些变量如下所示：

<p>Academic<?php echo $academic;?></p>
<p>Business<?php echo $business;?></p>
<p>Clinical<?php echo $clinical;?></p>

学术

生意

临床

对于已输出数字1、2和1的测试数据。只需将变量放入代码中，它就会创建一个小片段，我如何填充这个饼

谷歌示例中的馅饼加起来是24，那么等式是什么呢？另外，我的数学一窍不通

---

google.load（“可视化”，“1”，“{packages:[“corechart”]}）；
setOnLoadCallback（drawVisualization）；
函数drawVisualization（）{
//创建并填充数据表。
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[‘学术’，'']，
[‘业务’，'']，
[临床'，'']
]);
变量选项={
背景颜色：“无”，
图表区：{宽度：“221”，高度：“221”}，
宽度：'221'，
高度：'221'，
图例：{位置：'无'}，
工具提示：{trigger:'none'}，
EnableInteractive:false，
切片：{0:{color:'#a95892'}，1:{color:'#d7663a'}，2:{color:'#316086'}
};
//创建并绘制可视化。
新的google.visualization.PieChart（document.getElementById（'chart\u div'））。
绘制（数据、选项）；
}

这应该行得通（至少在代码操场上是这样）：

函数drawVisualization（）{
var data=google.visualization.arrayToDataTable([
[‘类型’、‘金额’]，
[‘学术’，]，
[‘业务’，]，
[‘临床’，]）；
新的google.visualization.PieChart（document.getElementById（'visualization'））.draw（数据，{title:“多少？”}）；
}

---

谷歌示例所做的就是将“每天小时数”改为“数量”。。。它仍然只会绘制小部分，而不会填充整个饼图。但是它会在代码操场中进行（）如果您有其他代码更改饼图的默认行为，请粘贴完整的代码。这就是它在我的浏览器中的样子：只是粘贴了我的代码。嗯，它在操场上起作用，但在我的网站上不起作用-它只显示小片段。您编写的“”生成的“2”是字符串，而不是预期的整数值。请尝试删除撇号（'）。

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
  // Create and populate the data table.
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Academic', '<?php echo $academic; ?>'],
          ['Business', '<?php echo $business; ?>'],
          ['Clinical', '<?php echo $clinical; ?>']
        ]);

        var options = {
          backgroundColor: 'none',
          chartArea: {width:"221",height:"221"},
          width:'221',
          height:'221',
          legend: {position: 'none'},
          tooltip: {trigger: 'none'},
          enableInteractivity: false,
          slices: {0: {color: '#a95892'}, 1:{color: '#d7663a'}, 2:{color: '#316086'}}
        };

  // Create and draw the visualization.
  new google.visualization.PieChart(document.getElementById('chart_div')).
      draw(data, options);
}

function drawVisualization() {
var data = google.visualization.arrayToDataTable([
    ['Type', 'Amount'],
    ['Academic', <?php echo $academic;?>],
    ['Business', <?php echo $business;?>],
    ['Clinical', <?php echo $clinical;?>]]);
new google.visualization.PieChart(document.getElementById('visualization')).draw(data, {title:"how many?"});
}