Javascript 使用d3js在phant中绘制json数据_Javascript_Json_D3.js

Javascript 使用d3js在phant中绘制json数据

javascript json d3.js

Javascript 使用d3js在phant中绘制json数据,javascript,json,d3.js,Javascript,Json,D3.js,我正在尝试使用d3.js可视化存储在（物联网云）中的数据，使用以下脚本： <!DOCTYPE html> <html> <head>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https

我正在尝试使用d3.js可视化存储在（物联网云）中的数据，使用以下脚本：

<!DOCTYPE html>
<html>
  <head>
    <!-- EXTERNAL LIBS-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://www.google.com/jsapi"></script>

    <!-- EXAMPLE SCRIPT -->
    <script>

      // onload callback
      function drawChart() {

        var public_key = 'dZ4EVmE8yGCRGx5XRX1W';

        // JSONP request
        var jsonData = $.ajax({
          url: 'https://data.sparkfun.com/output/' + public_key + '.json',
          data: {page: 1},
          dataType: 'jsonp',
        }).done(function (results) {

          var data = new google.visualization.DataTable();

          data.addColumn('datetime', 'Time');
          data.addColumn('number', 'Temp');
          data.addColumn('number', 'Wind Speed MPH');

          $.each(results, function (i, row) {
            data.addRow([
              (new Date(row.timestamp)),
              parseFloat(row.tempf),
              parseFloat(row.windspeedmph)
            ]);
          });

          var chart = new google.visualization.LineChart($('#chart').get(0));

          chart.draw(data, {
            title: 'Wimp Weather Station'
          });

        });

      }

      // load chart lib
      google.load('visualization', '1', {
        packages: ['corechart']
      });

      // call drawChart once google charts is loaded
      google.setOnLoadCallback(drawChart);

    </script>

  </head>
  <body>
    <div id="chart" style="width: 100%;"></div>
  </body>
</html>

它不起作用。我可能缺少一些关键信息，因为我是d3.js和java新手。请给我一个方向，以便我能跟上。谢谢

由于您试图捕获

错误

，因此必须将该错误作为匿名函数中的第一个参数传递：

d3.json(url, function (error, json) {
    //first argument -----^
    if (error) return console.warn(error);
    data1=json;
    consol.log(data1)
    //code here
 })

请注意：在

d3.json

中，“error”是第一个参数，而不是第二个参数

一个更简单的选择是简单地删除“错误”：

回调函数中的

error

定义在哪里？我会删除它，然后再试一次：-）

d3.json(url, function (error, json) {
    //first argument -----^
    if (error) return console.warn(error);
    data1=json;
    consol.log(data1)
    //code here
 })

d3.json(url, function (json) {
    data1=json;
    consol.log(data1)
    //code here
 })