Primeng p图不显示来自阵列的数据

时间:2020-05-29 14:48:57

标签: angular typescript primeng

我正在尝试显示一个Primeng 9 p-chart,当我传递从JSON解析的数据数组时,它不起作用。当我手动输入数据时,出现了行,但由于某种原因,阵列破裂。

是否有某种格式需要我丢失?

图表

qData = [];
for(let i = 0; i < 6; i++){
      this.qData.push(5);
}

this.data = {
      labels: this.getXAxis(),
      datasets: [
        {
          label: 'First Dataset',
          data: [28, 48, 40, 19, 86], <--Line appears
          fill: false,
          borderColor: '#565656'
        },
        {
          label: 'Second',
          data: this.qData, <-- Array is populated but no lines
          fill: false,
          borderColor: '#4f81bd'
        },
...

1 个答案:

答案 0 :(得分:0)

数据未及时加载。在我的数据调用之后添加了{ "records": [ { "id": "recXXXXXX", "fields": { "Name": "EpiServer", "Typeform Responses": [ "recXXXXXX", "recXXXXXX", "recXXXXXX" ], "Aggregate Responses": 3 }, "createdTime": "2020-05-22T16:11:01.000Z" }, { "id": "recXXXXXX", "fields": { "Name": "OneDrive", "Typeform Responses": [ "recXXXXXX", "recXXXXXX", "recXXXXXX", "recXXXXXX" ], "Aggregate Responses": 4 }, "createdTime": "2020-05-22T16:50:41.000Z" }, ] } ,并且图表现在正在呈现。