ChartJS 为什么不能将数据推送到标签中?

3qpi33ja  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(173)

我使用的是Vue2和ChartJs。我有一组数组,看起来像这样:

我可以将lossEmptyUnits推送到我的数据集中,但是我还需要将日期推送到标签中,这样我就可以尝试按月份对数组进行排序,但是由于某种原因,我无法让它工作。如果我将标签保留为空数组,并尝试将日期字段推送到其中,那么什么也不会发生。有什么建议吗?
我的代码:
第一个
我尝试过:

created(){
    biService.getBIGraphStatsForCompany()
        .then(result => result.data.propertyStatsPerMonth.forEach(field => this.chartData.datasets[0].data.push(field.lossEmptyUnits)))
        .catch(error => console.error(error));
    biService.getBIGraphStatsForCompany()
        .then(result => result.data.propertyStatsPerMonth.forEach(field => this.chartData.labels[0].push(field.date)))
        .catch(error => console.error(error));
  }
8fsztsew

8fsztsew1#

您应该将标签推送到this.chartData.labels,而不是this.chartData.labels[0]

created(){
    biService.getBIGraphStatsForCompany()
        .then(result => result.data.propertyStatsPerMonth.forEach(field => {
            this.chartData.datasets[0].data.push(field.lossEmptyUnits)
            this.chartData.labels.push(field.date)
        }))
        .catch(error => console.error(error));
}

相关问题