Angular中使用数组填充Highcharts网络图出现渲染异常如何解决

问题原因 #

你的错误属于数组结构嵌套多余：

• 预先定义的myArray3本身就满足Highcharts网络图data配置的要求，是标准的二维数组，每个子项对应一条连线的两个端点。
• 你写data : [myArray3]时额外给myArray3套了一层数组，实际传入的结构变成了三维数组，Highcharts会把内层的二维数组整体识别为单个节点的名称，就出现了异常的节点显示效果。

解决方法 #

直接将myArray3赋值给data配置项即可，不需要额外加外层方括号：

data: myArray3

修改后传入的结构和你手动写的正常渲染的data结构完全一致，网络图就可以正常渲染出3个独立节点和2条连线。

内容的提问来源于stack exchange，提问作者Julien