Google Visualization API 在本地工作，但不在外部服务器上工作？

Question

我正在使用 Google Visualization API 和 jQuery 构建一个动态饼图来显示选举结果，并且我让它（在某种程度上）在我的本地计算机上运行，​​并且想要获得一些反馈，因此现在将其上传到外部服务器我尝试加载的所有内容都会出现“无数据”错误。

我有两个文件，一个从数据库获取数据并将其转换为 JSON，另一个显示可视化效果，具体取决于检查的区域。您可以在这里查看：

http://www2.lichfielddc.gov.uk /sandbox/pie.php?electionid=14

有什么想法我哪里出错了吗？

干杯

Answer 1

我想我可能正在做某事。

我下载了它并在本地进行了测试，正如您所说，它工作正常。但是，在我使用的数据源（data.php）中，如果我设置延迟（睡眠（1）），它就会停止工作。我认为这是因为您正在从 ajax 成功回调中绘制图表。

试试这个：

    function drawVisualization() {          
    $('.poll').click(function() {

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Party');
    data.addColumn('number', 'Votes');

        var polls = [];

        $('.poll:checked').each(function(){
            polls.push(this.value);
        });

        polls.join(",");

        url = "http://www2.lichfielddc.gov.uk/sandbox/piedata.php?pollid=" + polls;

        $.getJSON(url, function(d) {

            data.addRows(d.length);

            var items = [];
            var num = 0;

            $.each(d, function(i, o) {

                console.log(o);

                data.setValue(num, 0, o['party']);
                data.setValue(num, 1, o['votes']);

                num++;

            });

            new google.visualization.PieChart(document.getElementById('visualization')).
            draw(data);
        });
    });

Answer 2

单步执行代码：当您调用draw()方法时，对象“data”中没有数据。这可能是因为对数据对象的修改不在同一范围内。

Answer 3

我同意 Tribal 的观点，这是一个时间问题，因为现场版本有时确实有效。还有一些其他潜伏的错误，它们并不是当前问题的背后，但是...

polls.join(",");
url = "http://www2.lichfielddc.gov.uk/sandbox/piedata.php?pollid=" + polls;

polls.join() 返回一个字符串，它不会就地进行连接。并且 url 没有被声明为局部变量