Question

我需要创建一个数据表来从数组开始传递谷歌图表：我从PHP中的OpenWeather API检索数据，例如温度，我将温度数组转换为javascript数组。从这个数组我用这段代码构建数据表：

 <script type="text/javascript">
    var temp=new Array();
    <?php
    for($i=0;$i<count($temperatura);$i++){?>
    temp[<?php echo $i; ?>]="<?php echo "$temperatura[$i]"; ?>";
    <?php 
    }?>

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

      function drawChart() {

         var data2 = new Array();

         data2[0] = [ 'Data', 'Temp.' ];
         for (i = 0; i < temp.length; i++) {
                data2[i + 1] = [ '10/04/2017', 'temp[i]' ];  
         }


        var data = google.visualization.arrayToDataTable(data2, false);
        document.write(data); //this cause the message [object Object]

        var options = {
        chart: {
          title: 'Box Office Earnings in First Two Weeks of Opening',
          subtitle: 'in millions of dollars (USD)'
        },
        width: 900,
        height: 500,
        axes: {
          x: {
            0: {side: 'top'}
          }
        }
      };

      var chart = new google.charts.Line(document.getElementById('chart_div'));

      chart.draw(data, google.charts.Line.convertOptions(options));
       }    
  }
  </script>

  <div id="chart_div"></div>

在浏览器中，我看到了[object object]消息，我不明白出了什么问题。可以帮我？我读了一些类似的问题，但他们没有解决我的问题。

Answer 1

这是我的新代码：

<script type="text/javascript">
    var temp=new Array();
    <?php
    for($i=0;$i<count($temperatura);$i++){?>
    temp[<?php echo $i; ?>]="<?php echo "$temperatura[$i]"; ?>";
    <?php 
    }?>

    var dataora=new Array();
    <?php
    for($i=0;$i<count($dataora);$i++){
    ?>
        dataora[<?php echo $i; ?>]="<?php echo "$dataora[$i]"; ?>";
    <?php 
    }?>

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

      function drawChart() {

         var data2 = new Array();

         data2[0] = [ 'Data', 'Temperatura' ];
         for (i = 0; i < temp.length; i++) {
                data2[i + 1] = [ [dataora[i]], [parseFloat(temp[i]) ] ]; 
         }

         var data = google.visualization.arrayToDataTable(data2, false);

         document.write(JSON.stringify(data));

         console.log(data);

         var options = {
              chart: {
              title: 'Previsioni Temperatura',
              subtitle: 'in °C'
             },
         width: 1000,
         height: 500,
         axes: {
         }
      };

我从openweather的结果中检索日期数组。在控制台中我有错误：

错误：未定义容器jsapi_compiled_default_module.js：63：448

的结果

 document.write(JSON.stringify(data));

是：

"{\"cols\":[{\"label\":\"Data\",\"type\":\"timeofday\"},{\"label    
\":\"Temperatura\",\"type\":\"timeofday\"}],\"rows\":[{\"c\":[{\"v
\":[\"2017-05-01 15:00:00\"]},{\"v\":[17.35]}]},{\"c\":[{\"v\":[\"2017-05-01 
18:00:00\"]},{\"v\":[15.72]}]},{\"c\":[{\"v\":[\"2017-05-01 21:00:00\"]},  
{\"v\": [15.32]}]},.....{\"c\":[{\"v\":[\"2017-05-06 12:00:00\"]},{\"v\":    
[17.32]}]}]}"

我尝试更多修改for cicle，但没有结果。建议？

为Google Chart

1 个答案: