1

我正在尝试从 javascript 文件中可视化数据，如下所示。

data = [ ['Year','China','India'],
['C1960',1.83286768126466,1.96098348563911],
['C1961',-1.01552778731319,1.99843774000741],
['C1962',0.820455548748518,2.03190545392019],
.
.
.
['C1963',2.45764740395145,2.0569116837358],
['C2017',0.559121331017265,1.06259739387194],
['C2018',0.455899678672578,1.03732336037888],
['C2019',0,0]
];

我正在使用的html代码如下。

<html>
  <head>
    <script type="text/javascript" src="data.js"></script>
    <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() {
        var data = google.visualization.arrayToDataTable( data );

        var options = {
          title: 'World Bank Data Visualization',
          chartArea: {left:'10%',top:'10%', width: '65%', height: '65%'}
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 1300px; height: 600px;"></div>
  </body>
</html>

我收到错误消息

Uncaught (in promise) Error: Data for arrayToDataTable is not an array.
    at Object.gvjs_ll [as arrayToDataTable] (jsapi_compiled_default_module.js:188)
    at drawChart (data.htm:9)

任何人都可以帮助我吗？当我加载另一个像这样的 javascript 文件时，它完美地工作。我不知道我的代码有什么问题。

4

1 回答 1

1

在您的html中，您有一个名为data. 因此，变量datafromdata.js被遮蔽。更多关于变量阴影的细节在这里。

要使您的代码正常工作，请将该变量名称更改为其他名称。

就像是：

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var dataVis = google.visualization.arrayToDataTable( data );

  var options = {
       title: 'World Bank Data Visualization',
       chartArea: {left:'10%',top:'10%', width: '65%', height: '65%'}
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(dataVis, options);
}
于 2020-05-22T01:55:58.413 回答