如何解决绘制折线图中的动态数据问题
我正在使用下面给出的谷歌折线图制作折线图
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 举报,一经查实,本站将立刻删除。