php - スクリプトはループと同時に実行されていません

Question

現在、for ループがあり、その中でスクリプトを実行しています。

ループが実行されるたびに、関数が実行されるたびにログに記録しました。

これは私のコードのサンプルです:

このスクリプトは、3 回実行されるループ内にあります

<script>
console.log ("LOOP");
var impressions = [<?= implode(",", $prod_impression_dots) ?>];                             
var testdata = [
{
    "key" : "Impressions" ,
    "type": "line",
    "values" : impressions,
    "yAxis": 1
}    
].map(function(series) {
    series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
        return series;
    });

nv.addGraph(function() {
     console.log ("Add graph is called here");
     console.log (testdata);
     var chart = nv.models.multiChart()
                .margin({top: 30, right: 60, bottom: 50, left: 70})
                .x(function(d,i) { return i })
                .color(d3.scale.category10().range());

chart.xAxis
    .tickFormat(function(d) {
        var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
        if (typeof (dx) == undefined || d > 1000) {
            dx = new Date (d);
        }
        else {
            dx = new Date (dx);
        }
        return dx ? d3.time.format('%x')(dx) : '';
        });

chart.yAxis1
    .tickFormat(d3.format(',.1f'));

chart.yAxis2
    .tickFormat(d3.format(',.4f'));

d3.select('#chart<?= $counter ?> svg')
.datum(testdata)
.transition().duration(500).call(chart);  
nv.utils.windowResize(chart.update);
return chart;
});
</script>

スクリプトの下に div タグがあります

<div id='chart<?= $counter ?>' style="width:1150px;height:300px;font-size:11px;margin-top:5px">
            <svg> </svg>
            </div>

これを実行した後。コンソール ログの出力は次のとおりです。

LOOP 
LOOP 
LOOP 
Add graph is called here 
[Object, Object, Object, Object]
Add graph is called here
[Object, Object, Object, Object]
Add graph is called here
[Object, Object, Object, Object]
total 199 nv.d3.js:40

ループを1回繰り返した直後に関数が実行されないのはなぜだろうと思っています。これにより、すべてのグラフに同じデータが含まれます。

ありがとう。