javascript - 将两个 javascript 合并为一个 foreach

Question

我的 laravel Blade View 中有 javascript。我想知道是否可以将这两个脚本合并为一个。脚本在每个引导选项卡中显示图形。

首先编写脚本:

var chart1 = AmCharts.makeChart( "chart_visits", {
        "dataProvider": [
            @foreach($results as $result)
                {
                    "date": "{{ date('Y-m-d', strtotime($result->time)) }}",
                    "value": '{{ $result->stats->visits }}'
                },
            @endforeach
        ]
    } );

第二个脚本:

var chart1 = AmCharts.makeChart( "chart_visits", {
        "dataProvider": [
            @foreach($results as $result)
                {
                    "date": "{{ date('Y-m-d', strtotime($result->time)) }}",
                    "value": '{{ $result->stats->bounceRate }}'
                },
            @endforeach
        ]
    } );

这是我的观点:

<ul class="nav nav-tabs">
    <li>
        <a href="#bounce" data-toggle="tab"> Bounce rate </a>
    </li>
    <li class="active">
        <a href="#visits" data-toggle="tab"> Visits </a>
    </li>
</ul>

.

<div class="tab-content">
    <div class="tab-pane active" id="visits">
        <div class="chartdiv" id="chart_visits"></div>
    </div>

    <div class="tab-pane" id="bounce">
        <div class="chartdiv" id="chart_bounce"></div>
    </div>
</div>

Answer 1

如果我理解正确的话，最简单的方法就是从对象集合中创建普通数组并对其进行迭代。类似于:

var chart1 = AmCharts.makeChart( "chart_visits", {
    "dataProvider": [
        @foreach($results as $result)
        {
            "date": "{{ date('Y-m-d', strtotime($result['date'])) }}",
            "value": "{{ $result['value'] }}"
        },
        @endforeach
    ]
} );