Question

我有一个应该能够以三种不同方式可视化数据的页面。第一个是饼图，第二个是折线图，第三个是原始文本（根本没有图表）。

我的<head>中有以下代码。

我想从php调用drawChart()，但是当我这样做时，它不知道全局（？）变量chart，data和options。

    <script type='text/javascript'>
        google.charts.load('current', {'packages':['corechart']});
        google.charts.setOnLoadCallback(calcChart);
        var chart, data, options;
        function calcChart() {
            anss = ["seg1", "seg2", "seg3"];
            freqs = ["2", "3", "3"];
            console.log("<?php echo '>> ' . $ansarray . ' <<'; ?>");

            var freqarr = [['Segment', 'Size']];
            for (var i = 0; i < anss.length; i++) {
                ans = anss[i];
                frq = parseInt(freqs[i]);
                freqarr.push([ans, frq]);
            }
            for (var i = 0; i < freqarr.length; i++) {
                console.log(freqarr[i]);
            }
            data = google.visualization.arrayToDataTable(freqarr);

            options = {
                title: 'Antwoorden'
            };

            chart = new google.visualization.PieChart(document.getElementById('piechart'));
        }
        function drawChart() {
            chart.draw(data, options);
        }
    </script>

这只是第一步：下一步是用PHP从MySQL数据库获取的数据填充图表。我怎么能这样做？

仅在特定情况下绘制Google图表（替代setOnLoadCallback）

0 个答案: