Question

我有一个问题，我的Google图表无法正常工作。我使用的是laravel，因此是刀片模板和图表的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>

这是我的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)

我得到的错误：未捕获（承诺）错误：给定的行0的大小不同于2（表中的列数）。

似乎我在数组中缺少'new Date（ SOMEDATE ）'，这可能是问题所在，但是我该如何包装数据呢？进行这项工作的任何帮助都会很棒。

Laravel谷歌图表问题

0 个答案: