如何访问嵌套数组（Vue-chartjs）中的所有索引

Question

所以我试图在甜甜圈图上显示数据，但是从嵌套数组访问数据时遇到问题。当我使用以下代码时，它只是为我提供了嵌套数组的选定索引。

所以我想知道是否还需要处理计算的数据，或者我做错了什么。

这是计算出的属性

countEngagementsByStatus () {
  const selectedWorkflow = this.allWorkflows.filter(workflow => workflow.id === this.workflowKey)

const res = selectedWorkflow.map(({statuses, id}) => ({
 workflow_id: id,
 statuses: statuses.reduce((acc, cur) => {

 const count = this.allEngagements.filter(({workflow_id, status}) => workflow_id === id && status === cur.status).length;

 acc.push(count);

 return acc;

 }, [])
 }))
 return res
 },

在我的甜甜圈图上，我正在访问数据。 *请注意删除样式数据以清理问题

datasetsfull() {
            return {
                labels: this.mapStatuses[0].statuses,
                datasets: [
                {
                    label: 'Data One',
                    data: [
                           //this is the line I have issues with
                           this.countEngagementsByStatus[0].statuses[0] 
                        ]
                    }
                ]
            }
        },

这是我所得到的图像

现在，如果我这样做

data: [
   this.countEngagementsByStatus[0]
     ]

我得到了这个结果，但是它无法访问显示的数字数组

所以我的问题是，我在计算属性上做错什么了吗？还是我访问数据不正确？哈哈

这里是Js Fiddle的想法

Answer 1

所以我的问题是我将数据包装在一个数组中

data: [
      this.countEngagementsByStatus[0].statuses
]

我将其更改为此

data: this.countEngagementsByStatus[0].statuses