javascript - JavaScript for ループは、配列の最後の項目のみを返します

Question

以下の関数には、JSON ファイルをループする 2 つの for ループがあります。私が抱えている問題は、配列の最後の項目のみを返す barFactory 関数で呼び出される 2 番目のループにあります。これを解決するにはどうすればよいですか?各反復で作成するチャートオブジェクトを呼び出しているので、私のロジックでは発生しないはずです。

var looper = function(sec0, vz, lOrR) {

    $('#' + lOrR + 'Title').text(sec0);

    for (var i = 0; i < vz[0]['Areas'].length; i++) {
        var tText = Object.keys(vz[0]['Areas'][i]);
        var root = vz[0]['Areas'][i][tText][0];
        barFactory(root, sec0, lOrR, i, tText);

    }

    function barFactory(sec1, sec0, lOrR, i, tText) {
        var dataName;

        for (var j = 0; j < sec1[sec0].length; j++) {
            charts.title.text = sec1[sec0][j]["Label"];
            dataName = sec1[sec0][j]['Metrics'][5]['Rep Res. %'].slice(0, -1);
            charts.series[0].name = dataName;
            charts.series[0].data = [parseFloat(dataName)];
            chart = new Highcharts.Chart(charts);
        }
    }
}