Angular

Question

我尝试填充使用 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 中获取的数据一起工作？

如有任何帮助，我们将不胜感激！

Answer 1

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

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

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