0

所以我试图在我的圆环图上显示数据，我在从嵌套数组访问我的数据时遇到问题。当我使用以下内容时，它只会给我嵌套数组的选定索引。

所以我想知道我还需要做些什么来计算数据，或者我做错了什么。

这是计算的属性

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给出一个想法

4

1 回答 1

0

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

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

我把它改成了这个

data: this.countEngagementsByStatus[0].statuses
于 2018-11-16T20:41:59.027 回答