javascript - Chart.js 使用 JavaScript 对象

Question

我有一组具有 x 和 y 属性的对象。如何获取在 chart.js 图表中正确位置使用的正确属性值？

到目前为止，我有以下 .js 代码

var lineChartData = {
labels: progress.y,
datasets: [{
    label: 'My First dataset',
    borderColor: window.chartColors.red,
    backgroundColor: window.chartColors.red,
    fill: false,
    data: progress,
    yAxisID: 'y-axis-1'
   }]
};

数组对象称为progress。我认为 data: progress 会自动获取 x 属性值，但 labels: progress.y 不会。

我对如何让 y 轴标签起作用有什么想法吗？

编辑:当我查看页面源代码时，进度对象看起来像这样

var progress = [{"y":1624,"x":0},{"y":1606,"x":1}, etc

Answer 1

我刚刚从数组中选择了 x 属性，如下所示:

labels: progress.map(function (a) { return a.x; })