Wordpress中的动态Google饼图

时间:2014-05-14 19:31:50

标签: google-visualization

是否有可能在我的项目中生成Google饼图? 此代码显示来自不同ID的单元格的总和(每年的单个ID)。

<dl>
    <dt>2014:</dt>
    <dd id="total2014"></dd>
</dl>
<dl>
    <dt>2013:</dt>
    <dd id="total2013"></dd>
</dl>
<dl>
    <dt>2012:</dt>
    <dd id="total2012"></dd>
</dl>

id total2014的内容仍然在变化,因此最好的方法是生成饼图动态。我试过<?php echo '<span id="total2014"></span>'?&gt;但它不起作用,图表消失了。这是我的代码:

<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Liters'],
          ['2014',    410], //Here I tried with <?php echo '<span id="total2014"></span>' ?>
          ['2013',      565],
          ['2012',  277]
        ]);

 var options = {
          title: 'Warki na przestrzeni lat',
        pieSliceText: 'value'
        };


        var chart = new google.visualization.PieChart(document.getElementById('piechart'));
        chart.draw(data, options);
      }
    </script>
 <div id="piechart" style="width: 700px; height: 500px; background-color:none;"></div>

0 个答案:

没有答案