Google visualization Wordpress中的动态谷歌饼图

有没有可能在我的项目中生成谷歌饼图？ 此代码显示来自不同id（每年一个id）的单元格总数

2014:
2013:
2012:

id total2014的内容仍在变化，因此最好的方法是动态生成饼图。我尝试了

，但没有成功，图表消失了。这是我的密码：

<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>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘年’、‘升’]，
['2014'，410]，//我试过了
['2013',      565],
['2012',  277]
]);
变量选项={
标题：“沃基·纳·普泽斯特泽尼·拉特”，
文本：“值”
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}
如果我理解正确，请尝试此操作，您希望将
的内容放入您的数据表中，并用它绘制一个图表。页面打开时，跨距的内容是否会改变，还是在页面加载时设置？跨距内容仅在从meta content（Wordpress）加载页面内容时加载。当页面打开时，不会再加载任何内容。
<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>