Google visualization 谷歌可视化“未绘制图表”

我有一个画稿。它以前似乎可以工作，但我不得不重新配置一些东西。我将创建它的代码与旧版本进行了比较，并将该脚本与我为创建柱状图而创建的类似脚本进行了比较。它们似乎都排成一行，但这个版本没有渲染。我在我的Chrome开发者选项卡中获得以下信息：

格式+en_GB，默认+en_GB，ui+en_GB，corechart+en_GB.I.js:1269

渲染脚本：

<div id="chart_div1"></div>
<div id="png"></div>
<script>
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var dt = new google.visualization.DataTable({cols:[{id:'activity',label:'Activity',type:'string'},{id:'size',label:'size',type:'number'},{id:'compositeutility',label:'compositeutility',type:'number'}],rows:[{c:[{v:'AH32HH2050_3p'},{v:220325.0},{v:220974.256897}]}]}, 0.6);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div1'));

var actOrCom = ""
    if (actOrCom=="activity"){
         chart.draw(dt, { width: 800, height: 250, hAxis: {title: 'Activity', titleTextStyle: {color: 'red'}}, series:{0:{targetAxisIndex:0},1:{targetAxisIndex:1}}, vAxes:{0:{title:"size"},1:{title:"compositeutility", titleTextStyle: {color: 'red'}}}
    });
    }
    else if (actOrCom=="commodity"){
        chart.draw(dt, { width: 800, height: 250, hAxis: {title: 'Commodity', titleTextStyle: {color: 'red'}}, series:{0:{targetAxisIndex:0},1:{targetAxisIndex:1}}, vAxes:{0:{title:"size"},1:{title:"compositeutility", titleTextStyle: {color: 'red'}}}
    });
    }
document.getElementById('png').outerHTML = '<a href="' + chart.getImageURI() + '">Printable Version</a>';
}
</script>

---

您的页面上是否有id为sd的div？对不起。我抄错代码了。这是一个类似但有效的部分。actOrCom在哪里设置为您要测试的任何一个值？此外，通常情况下，您使用if/else if/else，而不是您设置的那样。也许您需要一个else块来默认设置？这就是问题所在。actOrCom是一个Django上下文变量。当我改变周围的事物时，我改变了它的名字。我通常会有一个else语句，但按照它在服务器端的设置方式，如果不存在值，它将默认为activity，因此应该充当else。您还应该将chart.getImageURI调用包装在图表的就绪事件处理程序中，因为不能保证在进行其他调用时图表将完成绘制。