javascript - 在 chart.js 数据和标签字段中使用数组值

标签 javascript arrays ajax chart.js chart.js2

我希望将数组的值传递给 chart.js 数据集的数据和标签字段。

这里是成功调用 ajax 以获取 json 数据的代码。我获取 json 数据并将其存储到一个数组中。

Data = jQuery.parseJSON(result);
var count = Data.length;
var counter = 0;
while(count > 0) {
    LabelResult[counter] =[Data[counter].TIME];
    counter++;
    count --;
}

现在我想在标签字段中使用这个标签值。

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [LabelResult],
        datasets: [{
            label: '# of Votes',
            data: [DataResult],
            borderWidth: 1
        }]
    }    
});

但是似乎有些问题,数据没有在图表上呈现

最佳答案

LabelResult是一个数组,改变

labels: [LabelResult]

labels: LabelResult

还有:

data: [DataResult]

data: DataResult

喜欢:

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: LabelResult,
        datasets: [{
            label: '# of Votes',
            data: DataResult,
            borderWidth: 1
        }]
    }    
});

关于javascript - 在 chart.js 数据和标签字段中使用数组值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38869815/

相关文章:

javascript - 如何在 VSCode 编辑器中调试 NodeJS(ES6) 代码?

python - 获取 numpy 二维数组中包含非屏蔽值的第一行和最后一行和列的索引

javascript - new Array(n).fill ('apple' ) 在 JavaScript 中的时间复杂度是多少?

jquery - AJAX ASYNC False 与 True

javascript - dotenv 文件未加载环境变量

javascript - 如何在 JSON 对象中组合多个键值?

javascript - 需要在页脚上方停止我的固定侧边栏

c - 传递 'new_student' 的参数 1 使指针来自整数而不进行强制转换

jquery - 单击事件未触发 - AJAX jQuery

javascript - 带有 jQ​​uery AJAX 的 Google Feed API