Javascript 拉威尔谷歌图表发布

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

我有一个问题,我的谷歌图表不起作用。我使用的是laravel,所以是一个blade模板和图表的javascript实现。 这是我的js:

<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)