1

我想这可能更像是一个数学问题，但无论如何我都会尝试！我正在使用 Google 饼图 ( https://developers.google.com/chart/interactive/docs/gallery/piechart ) 来显示我的数据。

如何创建完整的饼图，目前它只是创建无法填满整个饼图的小切片！

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

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

对于输出数字 1、2 和 1 的测试数据。通过将变量放入代码中，它会创建小切片，我该如何填充饼图？

谷歌示例中的馅饼加起来是 24，那么等式是什么？Ps 我数学很烂！

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

1 回答 1

2

这应该有效（至少它在代码游乐场中对我有用）：

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?"});
}

http://h3n.info/pie.png

于 2013-03-14T12:14:09.207 回答