微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

绘制折线图中的动态数据问题

如何解决绘制折线图中的动态数据问题

我正在使用下面给出的谷歌折线图制作折线图

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

function drawLineChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('number','march');
  data.addColumn('number','2020');
  data.addColumn('number','2021');

  var date = new Date();
  var firstDay = new Date(date.getFullYear(),date.getMonth(),1);
  var lastDay = new Date(date.getFullYear(),date.getMonth() + 1,0);
  var rows = '';
  var rows_arr = [];
  
  $.ajax({
    url: "{{route('admin.geteachdaysales')}}",type: "get",success: function(res) {
      var i;

      for (i = 1; i <= lastDay.getDate(); i++) {
        if (i == lastDay.getDate()) {
          rows += '[' + parseInt(i) + ',' + (res.current_year_data[i]) + ',' + (res.prev_year_data[i]) + ']';
        } else {
          rows += '[' +
            parseInt(i) + ',' + (res.prev_year_data[i]) + '],';
        }
        var row_obj = [i,res.current_year_data[i],res.prev_year_data[i]]
        rows_arr.push(row_obj);
      }
    }
  });
  data.addRows(rows_arr);
  //data.addRows(JSON.parse(rows_arr));

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

  var chart = new google.charts.Line(document.getElementById('linechart_material'));
  chart.draw(data,google.charts.Line.convertOptions(options));
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>


<div id="linechart_material" style="height: 200px; width: 300px;"></div>

但问题是我安慰它显示rows 就像 [1,0],[2,[3,[4,[5,[6,[7,[8,[9,[10,[11,[12,[13,[14,[15,[16,[17,[18,2000,11000],[19,[20,[21,[22,[23,[24,[25,[26,[27,[28,[29,[30,[31,0]

当我在 data.addRows([[1,0]]); 中静态添加它时它正确显示图表但是当像 data.addRows([rows]); 这样添加它时它显示如下错误

未捕获(承诺)错误:第 0 行不是空值或数组。

有人可以帮我吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。