javascript - 如何使用数组在chart.js中动态创建数据集？

Question

我正在尝试使用 Chart.js 创建图表的整个数据集，但我的数组中出现了重复的记录。这是我的 JavaScript 代码:

mdistid = [];
distdata = [];
datasetValue = [];
for (i = 0; i < 2; i++) {
    glc = mdistid[i];
    distdata.length = 0;
    for (j = 0; j < mthlen; j++) {
        mth = marr[j];
        switch (mth) {
            case '1':
                distdata[j] = $('#qty1' + glc).val();
                break;
            case '2':
                distdata[j] = $('#qty2' + glc).val();
                break;
            case '3':
                distdata[j] = $('#qty3' + glc).val();
                break;
            case '4':
                distdata[j] = $('#qty4' + glc).val();
                break;
            case '5':
                distdata[j] = $('#qty5' + glc).val();
                break;
            case '6':
                distdata[j] = $('#qty6' + glc).val();
                break;
            case '7':
                distdata[j] = $('#qty7' + glc).val();
                break;
            case '8':
                distdata[j] = $('#qty8' + glc).val();
                break;
        }
    }
    datasetValue[i] = {
        label: "My Second dataset",
        fillColor: "rgba(151,187,205,0.5)",
        strokeColor: "rgba(151,187,205,0.8)",
        highlightFill: "rgba(151,187,205,0.75)",
        highlightStroke: "rgba(151,187,205,1)",
        data: distdata
    };
}

问题是数组datasetValue仅获取整个数组中的最后一个数据值。例如。如果数据的最后一个值为 5,10，它将在所有数组中填充相同的值...

Answer 1

我真的不知道为什么你会在数组 mdistid 显然是空的时候采用 glc = mdistid[i] 。这就是您的选择器 $('#qty1' + glc) 失败的原因。

此外，您还可以在 jQuery 选择器上使用字符串连接，例如:distdata[j] = $('#qty' + mth + glc).val();。

您可以提供一些数据，我们无法猜测 marr 和 mathlen 里面可能有什么。