Javascript 生成的谷歌图表页面不工作_Javascript_Html_Google Visualization

Javascript 生成的谷歌图表页面不工作

javascript html google-visualization

Javascript 生成的谷歌图表页面不工作,javascript,html,google-visualization,Javascript,Html,Google Visualization,我正在使用codeigniter为google图表生成一个页面，其中包含来自mysql数据库的数据。但是页面显示不正确（根本没有图表）。我不知道生成的代码的哪一部分是错误的。生成的代码如下所示： <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript">

我正在使用codeigniter为google图表生成一个页面，其中包含来自mysql数据库的数据。但是页面显示不正确（根本没有图表）。我不知道生成的代码的哪一部分是错误的。生成的代码如下所示：

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);

   // Create our data table out of JSON data loaded from server.
    var data = new google.visualization.DataTable();
    data.addColumn('number', 'Time');
    data.addColumn('number', 'Va');
    data.addColumn('number', 'Vb');
    data.addColumn('number', 'Vc');
    //var d = new Date();
            data.addRow([1400230864720,9192114,9194641,9190145]);
            data.addRow([1400230864740,9191693,9194641,9189443]);
            data.addRow([1400230864760,9191694,9198856,9189444]);
            data.addRow([1400230864780,9190147,9193520,9189867]);
            data.addRow([1400230864800,9188180,9197449,9190146]);
            data.addRow([1400230864820,9189444,9196889,9190567]);
            data.addRow([1400230864840,9188461,9196186,9188740]);
            data.addRow([1400230864860,9190990,9199556,9188460]);
            data.addRow([1400230864880,9189867,9193518,9188600]);
            data.addRow([1400230864900,9189303,9198855,9187899]);
            var options = {
      title: 'Phasor'
    };
    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data,options);
  }
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
//使用从服务器加载的JSON数据创建我们的数据表。
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'Time'）；
data.addColumn（'number'，'Va'）；
data.addColumn（'number'，'Vb'）；
data.addColumn（'number'，'Vc'）；
//var d=新日期（）；
addRow（[1400230864720919211491946419190145]）；
addRow数据（[1400230864740919169391946419189443]）；
addRow数据（[1400230864760919169491988569189444]）；
addRow数据（[1400230864780919014791935209189867]）；
addRow（[1400230864800918818091974499190146]）；
addRow数据（[1400230864820918944491968899190567]）；
addRow数据（[1400230864840918846191961869188740]）；
addRow数据（[1400230864860919099091995569188460]）；
addRow数据（[1400230864880918986791935189188600]）；
addRow数据（[1400230864900918930391988559187899]）；
变量选项={
标题：“相量”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

您缺少下面的函数调用

google.setOnLoadCallback（drawChart）

load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
//使用从服务器加载的JSON数据创建我们的数据表。
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'Time'）；
data.addColumn（'number'，'Va'）；
data.addColumn（'number'，'Vb'）；
data.addColumn（'number'，'Vc'）；
//var d=新日期（）；
addRow（[1400230864720919211491946419190145]）；
addRow数据（[1400230864740919169391946419189443]）；
addRow数据（[1400230864760919169491988569189444]）；
addRow数据（[1400230864780919014791935209189867]）；
addRow（[1400230864800918818091974499190146]）；
addRow数据（[1400230864820918944491968899190567]）；
addRow数据（[1400230864840918846191961869188740]）；
addRow数据（[1400230864860919099091995569188460]）；
addRow数据（[1400230864880918986791935189188600]）；
addRow数据（[1400230864900918930391988559187899]）；
变量选项={
标题：“相量”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}//这是函数的结束标记

    <html>
    <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);

       function drawChart() {

       // Create our data table out of JSON data loaded from server.
        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Time');
        data.addColumn('number', 'Va');
        data.addColumn('number', 'Vb');
        data.addColumn('number', 'Vc');
        //var d = new Date();
                data.addRow([1400230864720,9192114,9194641,9190145]);
                data.addRow([1400230864740,9191693,9194641,9189443]);
                data.addRow([1400230864760,9191694,9198856,9189444]);
                data.addRow([1400230864780,9190147,9193520,9189867]);
                data.addRow([1400230864800,9188180,9197449,9190146]);
                data.addRow([1400230864820,9189444,9196889,9190567]);
                data.addRow([1400230864840,9188461,9196186,9188740]);
                data.addRow([1400230864860,9190990,9199556,9188460]);
                data.addRow([1400230864880,9189867,9193518,9188600]);
                data.addRow([1400230864900,9189303,9198855,9187899]);
                var options = {
          title: 'Phasor'
        };
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data,options);

      } // This is the closing tag for the function

    </script>
    </head>
    <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
    </body>
    </html>