Google图表趋势线未显示

时间:2019-05-27 07:22:07

标签: google-visualization trendline

未显示Google图表趋势线。试图将代码放入vAxis,hAxis中,并且仅放入选项中,但是没有运气。我知道第一列必须是数字或日期,依此类推,而第一列是日期。

 <script type="text/javascript">
  data.sort([{column: 0}]);
  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);

  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Date', 'Sum'],
       <?php while($row = mysqli_fetch_assoc($result)) { ?>

      [<?php echo $row['date'] ?>,  <?php echo $row['col2'] ?> ],

    <?php } ?>
    ]);

    var options = {
         legend: { position: 'bottom' },
        title: 'Sum per day',
         hAxis : { textStyle : { fontSize: 10 } },
    vAxis: { viewWindowMode: 'explicit', viewWindow: { min: 0 } },
    trendlines: { 0: {} }
    };

    var chart = new google.visualization.LineChart(document.getElementById('line_chart'));
    chart.draw(data, options);
  }
</script>

enter image description here

1 个答案:

答案 0 :(得分:0)

在加载数据时,第一列需要从字符串转换为日期。
将php中的值放在引号中和日期构造函数中。

例如

  x = 29.9307
      68.4699
     -59.3171
     -57.9759
    -121.4700
      88.8669

如果波浪线仍然有问题,
绘制之前对数据进行排序...

[new Date('<?php echo $row['date'] ?>'),  <?php echo $row['col2'] ?> ],