Angular - 用数组填充 Highcharts 网络图时出错答案

【问题标题】：Angular - Errors when filling a Highcharts network graph with an arrayAngular - 用数组填充 Highcharts 网络图时出错
【发布时间】：2022-01-04 17:37:51
【问题描述】：

我尝试填充使用 JS Highcharts 库制作的网络图（参见 JS Fiddle 中的示例）。整个事情都是在 Angular 框架上完成的。

我想用数组填充图表的data 部分。

当我直接填写 data 部分时，网络构建良好：

data : [
['Test 1', 'Test2'], 
['Test 1', 'Test 3']
]

它给出：

现在我想用那个数组来填充它：

var myArray3 = [['Test 1', 'Test2'], ['Test 1', 'Test 3']];

所以我写在data 部分...

data : [myArray3]

... 这给出了一个奇怪的网络图.. 我应该有 3 个节点和两条线，但事实并非如此。更重要的是，如您所见，我得到的是 (Test1,Test2)/ (Test1,Test3) 而不是 Test1、Test2 和 Test3。

如何使我的图表与从我的数组 myArray3 获取的数据一起工作？

任何帮助将不胜感激！

【问题讨论】：

标签： javascript arrays angular loops highcharts

【解决方案1】：

您不必要地将 myArray3 包裹在括号中。以下将起作用：

var myArray3 = [['Test 1', 'Test2'], ['Test 1', 'Test 3']];
...
data : myArray3

https://jsfiddle.net/0rnfdjaz/6/

【讨论】：

我的错...我检查了很多组合但不是这个...它有效，非常感谢@Arkadiusz！第一篇关于 Stack Overflow 的帖子和一个不错的 :)