Google可视化 - 同一页面上的大量图表问题

时间:2014-06-21 10:54:48

标签: javascript google-visualization

我在同一页面上显示大量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>

0 个答案:

没有答案