角度剑道折线图在将 json 数据推送到数组后不绘制

Question

我有一个来自后端的 JSON 格式数据，在我的控制台上看起来像这样，我可以绘制它

(10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
0: {windSpeed: 7.85, timeStamp: "2020-06-07-11:59"}
1: {windSpeed: 10.23, timeStamp: "2020-06-07-12:09"}
2: {windSpeed: 9.34, timeStamp: "2020-06-07-12:19"}
3: {windSpeed: 11.24, timeStamp: "2020-06-07-12:29"}
4: {windSpeed: 9.32, timeStamp: "2020-06-07-12:39"}
5: {windSpeed: 10.12, timeStamp: "2020-06-07-12:49"}
6: {windSpeed: 8.63, timeStamp: "2020-06-07-12:59"}
7: {windSpeed: 10.97, timeStamp: "2020-06-07-13:09"}
8: {windSpeed: 11.41, timeStamp: "2020-06-07-13:19"}
9: {windSpeed: 9.69, timeStamp: "2020-06-07-13:29"}

当我在数组中推送这些数据时，我无法绘制图表，这是我的数组：

public series:any[]=[];

当我推送 JSON 时：

this.series.push(this.JsonData);

我在控制台中获取数据格式，例如：

[Array(10)]
0: Array(10)
0: {windSpeed: 7.85, timeStamp: "2020-06-07-11:59"}
1: {windSpeed: 10.23, timeStamp: "2020-06-07-12:09"}
2: {windSpeed: 9.34, timeStamp: "2020-06-07-12:19"}
3: {windSpeed: 11.24, timeStamp: "2020-06-07-12:29"}
4: {windSpeed: 9.32, timeStamp: "2020-06-07-12:39"}
5: {windSpeed: 10.12, timeStamp: "2020-06-07-12:49"}
6: {windSpeed: 8.63, timeStamp: "2020-06-07-12:59"}
7: {windSpeed: 10.97, timeStamp: "2020-06-07-13:09"}
8: {windSpeed: 11.41, timeStamp: "2020-06-07-13:19"}
9: {windSpeed: 9.69, timeStamp: "2020-06-07-13:29"}

这种格式不绘制图表，任何帮助将不胜感激

Answer 1

这是因为您将数组 A(您的"JsonData"(推送到数组 B(您的"系列"(中。 您要做的是将 ITEMS 从数组 A 推送到数组 B 中：

例如，可以使用 Spread 运算符来实现这一点：

this.series.push(...this.JsonData);