我在同一页面上显示大量Google可视化条形图时遇到问题。 (约150张图表) 图表全部呈现,但在其中一些图表中以随机方式呈现,某些列不会呈现。数据没有任何问题,因为如果相同的代码单独显示,则会正确显示。
有没有解决方案?
以下是我对其中一个图表的代码(假设它由150复制)
<div id="chart_div_17349_"></div>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages': ['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
$(function () {
google.setOnLoadCallback(drawChart17349);
function drawChart17349() {
var data = google.visualization.arrayToDataTable([["Questions","Employees","Executive Team"],["strongly disagree",1.47,0],["disagree",12.75,0],["don\u2019t know",53.43,12.5],["agree",25.98,75],["strongly agree",6.37,12.5]]);
var options = {
title: 'Question',
hAxis: {title: '', titleTextStyle: {color: 'red'}},
colors: configColors,
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_17349_'));
chart.draw(data, options);
}
})
</script>