Question

我正在与chartJS一起使用大型记录集填充图形。

我正在创建ArrayOfArrays，如下所示：

var arrayOfArrays = 
JSON.parse('@Html.Raw(Json.Encode(Model.organisationData))');

我现在正尝试创建多个数组来存储数据以填充图形。为此，我正在执行以下操作：

 var array0=[]
 var array1=[]
 var array2=[]
 var array3=[] 
 ...etc...up to  var array17=[]

我按如下方式填充每个数组：

for (var i = 0; i < 5; i++) {
    array1.push(arrayOfArrays[i]['dataRows'][1]['dataCount']);
}
array1.push(arrayOfArrays[1]['dataRows'][1]['dataLabel']);  //Item 5 - Label


for (var i = 0; i < 5; i++) {
    array2.push(arrayOfArrays[i]['dataRows'][2]['dataCount']);
}
array2.push(arrayOfArrays[1]['dataRows'][2]['dataLabel']);//Item 5 - Label

etc..etc...repeated 17 times....

然后填充我正在做的图表。

var options = {
    type: 'bar',
    data: {
        datasets: [
            {
                label: @array0[5]",
                data: @array0
            },
            {
                label: @array1[5]",
                data: @array1
            },
            {
                label: @array2[5]",
                data: @array2
            }
            .....etc....etc.....17 times...



        ]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    reverse: false
                }
            }]
        }
    }
}

有没有更有效的方法？无需重复所有操作17次，我可以创建一个生成每个数组的循环。然后填充这些数组，并在chartJS中使用它们。

在Javascript循环中创建新数组

0 个答案: