Javascript 拉威尔谷歌图表发布
我有一个问题,我的谷歌图表不起作用。我使用的是laravel,所以是一个blade模板和图表的javascript实现。 这是我的js:Javascript 拉威尔谷歌图表发布,javascript,laravel,Javascript,Laravel,我有一个问题,我的谷歌图表不起作用。我使用的是laravel,所以是一个blade模板和图表的javascript实现。 这是我的js: <script type="text/javascript"> var chartData = [ @json($chart) ]; google.charts.load('current', {packages: ['corechart', 'line']}); google.charts.setOnLoadCallba
<script type="text/javascript">
var chartData = [ @json($chart) ];
google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawTrendlines);
function drawTrendlines() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'X');
data.addColumn('number', 'Y');
data.addRows([
chartData
]);
var options = {
hAxis: {
title: 'Date'
},
vAxis: {
title: 'Value'
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
我得到的错误:未捕获(承诺中)错误:给出的第0行大小不同于2(表中的列数)
似乎我缺少数组中的“新日期(SOMEDATE)”,这可能是问题所在,但我如何用它包装数据?任何有助于这项工作的帮助都将是了不起的。请尝试
var chartData=@json($chart)
(删除额外的[]
)也在这里data.addRows([chartData])代码>添加另一个数组级别。尝试data.addRows(chartData)代码>
[
Array(
5)
] 0: Array(5)
0: (2) [
"2020-03-03",
70
] 1: (2) [
"2020-03-03",
71
] 2: (2) [
"2020-03-03",
71
] 3: (2) [
"2020-03-03",
70
] 4: (2) [
"2020-03-03",
70
] "length": 5
__proto__: Array(0)
length: 1
__proto__: Array(0)