D3.js 基于json输入的网络拓扑图绘制

我想通过证明json数据作为输入，用Highchart或任何其他js库绘制网络拓扑图。在查看for Topology plot需求的示例时，我发现它是静态的，没有任何基于拓扑xml动态呈现拓扑的固定json格式的示例

正在寻求基于各种json/xml绘制逻辑拓扑/网络拓扑的帮助。

请查看

看

它基于D3，使用的格式是专门为网络软件设计的

我希望它能帮上忙。

退房

看

它基于D3，使用的格式是专门为网络软件设计的

---

我希望它能有所帮助。

一般来说，您的json保存了什么样的信息？json将具有父子节点关系，并将根据该关系绘制拓扑。下面是我想画的一个例子：好的，所以你需要解析json以获得任何元素，然后使用具有定义的元素位置（以像素为单位）的渲染器并添加每个元素。这没关系，但我的xml/json可能有不同数量的节点/关系/属性。正在寻找一种可以自动绘制而不是手动绘制的解决方案。每次调用服务器时，都会获取不同类型的json。highcharts无法预测所有aspesct，您需要任何图表模式，然后进行渲染。一般来说，json保存的信息是什么？json将具有父子节点关系，并根据其绘制拓扑。下面是我想画的一个例子：好的，所以你需要解析json以获得任何元素，然后使用具有定义的元素位置（以像素为单位）的渲染器并添加每个元素。这没关系，但我的xml/json可能有不同数量的节点/关系/属性。正在寻找一种可以自动绘制而不是手动绘制的解决方案。每次调用服务器都会获取不同类型的json信息highcharts无法预测所有aspesct，您需要任何图表模式，然后进行渲染。感谢您的回复，但我想在流程上创建文档，而不是预先绘制的图表。这是一个我真正需要的例子。唯一的区别在于：此处的my case objectsnode将从DB中获取，用户应该能够通过从对象列表中选择这些对象来绘制digram。感谢您的回复，但我希望在流程上创建文档，而不是预先绘制的图。这是一个我真正需要的例子。唯一的区别在于：这里的my case objectsnode将从DB中获取，用户应该能够通过从对象列表中选择这些对象来绘制digram。