2013-03-14 39 views
1

我想这可能是一个数学问题的更多问题,但我会尝试!我正在使用Google饼图(https://developers.google.com/chart/interactive/docs/gallery/piechart)来显示我的数据。为Google饼图创建数据

我该如何创建一个完整的饼图,目前它只是创建不填满整个饼的小片!

这些数据是从Wordpress收集的 - 它只是计算有多少家公司是学术,商业或临床。这些都是像下面的变量:

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

对于具有输出的数字1,2和1。通过只是把变量为它创建的小片的代码我的测试数据,我该怎么填馅饼?

谷歌示例中的饼图合计为24,那么等式是什么? P.s我在数学上是垃圾!


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

回答

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

+0

所有这一切,从谷歌的例子做的是每变化“小时一天“到”金额“...它仍然只会绘制小部分,而不是填满整个馅饼。 – Rob 2013-03-14 12:50:44

+0

但它在Code Playground中(https://code.google.com/apis/ajax/playground/?type=visualization#pie_chart) – h3n 2013-03-14 13:02:45

+0

也许您有更多代码来更改饼图的默认行为,请将您的完整的代码请。这是它在我的浏览器中的样子:http://h3n.info/pie.png – h3n 2013-03-14 13:09:34