Javascript 谷歌饼图的Json对象

我无法绘制一个由Json对象填充的

DataTable

谷歌饼图

这是我生成数据对象的代码（从我的代码隐藏）

HTML

load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；

函数drawPieChart（）{
var data=google.visualization.DataTable（document.getElementById（“ChartData”）.value））；
变量选项={
标题：“测试饼图”
};
var chart=new google.visualization.PieChart（document.getElementById（'piechart1'）；
图表绘制（数据、选项）；
}

---

有人能给我解释一下为什么没有显示出来吗。谢谢。

如果没有看到您的json，很难说这是否是唯一的错误。但是没有正确指定回调函数。您需要更改以下内容：

 google.setOnLoadCallback(drawChart);

为此：

 google.setOnLoadCallback(drawPieChart);

传递给setOnLoadCallback的参数应该是指定用于将数据与html结合的函数。在这种情况下，它是drawPieChart

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(drawChart);

<script type="text/javascript">
    function drawPieChart() {

        var data = google.visualization.DataTable(document.getElementById("ChartData").value));

        var options = {
            title: 'Test Pie Chart'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart1'));

        chart.draw(data, options);
    }
</script>
<div id="piechart1" style="width: auto; height: auto;"></div>

 google.setOnLoadCallback(drawChart);

 google.setOnLoadCallback(drawPieChart);