使用d3.js创建网络图
使用d3.js创建网络图
提问于 2020-06-19 13:55:16
我正在尝试使用d3.js创建网络图，并且我有关于不同设备及其链路和接口状态(链路打开或关闭)的数据。
所以，我得到的图表是这样的
const data = {
nodes: [{id: "A"}, {id: "B"}, {id: "C"}],
links: [{
source: "A",
sourceInterface: "link1",
sourceInterfaceUp: true,
sink: "B",
sinkInterface: "link2",
sinkInterfaceUp: false
}, {
source: "B",
sourceInterface: "link3",
sourceInterfaceUp: true,
sink: "C",
sinkInterface: "link4",
sinkInterfaceUp: true
}],
}您能否推荐一个ReactJS代码来使用d3.js为这个图数据结构生成一个包含节点(A、B和C)和顶点(链接1、2、3和4)的网络图
我在找像this example这样的东西
但是在这个例子中，我想不出如何将两个接口分配给连接设备的同一个顶点。(A)-(B)-(C)
另外，如何在图形中包括接口状态(true或false)。
任何示例代码都会很有帮助。
回答 1
Stack Overflow用户
发布于 2020-06-19 15:40:54
你可以使用amcharts - network graph/force directed tree，它与React兼容，也非常直观。
https://www.amcharts.com/demos/force-directed-network/ https://www.amcharts.com/demos/collapsible-force-directed-tree/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62464136
复制相关文章
相似问题
腾讯云开发者
