Question

我正在研究JS，特别是谷歌可视化测量仪。我尝试将此图表集成到我的脚本中。

但我收到了这个错误：

Uncaught TypeError: Cannot read property 'arrayToDataTable' of undefined
    at drawChart (main.js:59)
    at main (main.js:10)
    at main.js:4

这是我的代码：

    google.charts.load('current', {'packages':['gauge']});
    google.charts.setOnLoadCallback(drawChart);

    main();

    function main(){
        var valueGauge=requestHttp("https://raptorjesus.000webhostapp.com/lecture.php");
        drawChart(valueGauge);
        editElementHTML("valeurExacte","La quantité de CO2 est de : ",valueGauge," ppm.");

        [...]

        setTimeout(main, 1000); //On dit à JS que la fonction main a une durée de vie de 1 seconde
    }

    function requestHttp(url){

[...]

    }

    function drawChart(valueGauge) {


       var data = google.visualization.arrayToDataTable([
            ['Label', 'Value'],
            ['CO2', valueGauge] //on remplace la valeur stricte du snippet google par la variable de la requête

        ]);

        var options = {
            width: 350, height: 250,
            redFrom: 5000, redTo: 6000,
            yellowFrom: 1700, yellowTo: 5000,
            greenFrom: 1000, greenTo: 1700,
            minorTicks: 5,
            max: 6000,
        };

        var chart = new google.visualization.Gauge(document.getElementById('chart_div'));

        chart.draw(data, options);
    }

    function editElementHTML(idElem, text1, text2, variable){
        var Element= (document.getElementById(idElem));
        Element.innerHTML = text1+ variable+text2;
    }

错误来自行var data = google.visualization.arrayToDataTable，但我不知道为什么，因为我没有看到任何语法错误，它只是与Google图表文档相同的代码......

有什么想法吗？

Answer 1

解决：我不得不使用google.charts.setOnLoadCallback（drawChart）而不是drawchart（）

Google可视化标尺：无法读取未定义的属性“arrayToDataTable”

1 个答案: