错误：必须在google.charts.setOnLoadCallback之前调用google.charts.load。必须在google.charts.setOnLoadCallback之前调用google.charts.load。

Question

我在HTML中导入了以下内容。

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

还有一些js代码

// load google charts library
google.load("visualization", "1", {packages: ["corechart"]});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);

// for rest, walk, fast_walk data
var data, options, chart;

var i = 0;

/* initialize chart1 - rest, walk, fast_walk data */
function drawChart(data, options) {
    var chart = new google.visualization.LineChart(document.getElementById('data-container'));
    chart.draw(data, options);
    return(chart);
}

然而，我得到错误： 必须在google.charts.setOnLoadCallback之前调用google.charts.load。

如何解决这个错误？谢谢你

Answer 1

我把下面的代码删掉，就解决了这个错误。

// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);

谢谢你！