Построение графика топологии сети на основе ввода json

Я хочу нарисовать график топологии сети с помощью Highchart или любой другой библиотеки js, предоставив данные json в качестве входных данных. Просматривая пример на http://www.highcharts.com/demo/renderer для топологии plot, я обнаружил, что он статичен и не имеет примера с фиксированным форматом json для динамического отображения топологии на основе топологии xml.

ищу помощи в построении логической топологии/сетевых топологий на основе различных json/xml.


d3.js data-visualization highcharts topology noflo
person Nishith Kant Chaturvedi    schedule 31.07.2014    source источник
comment
Вообще какую информацию хранит ваш json?   -  person Sebastian Bochan    schedule 01.08.2014
comment
json будет иметь отношения между родительскими и дочерними узлами, на основе которых будет построена топология. Ниже приведен пример того, что я хочу нарисовать: drive.google.com/   -  person Nishith Kant Chaturvedi    schedule 01.08.2014
comment
Итак, вам нужно проанализировать ваш json, чтобы иметь какие-либо элементы, затем использовать средство визуализации с определенной позицией элементов (в пикселях) и добавить каждый из них.   -  person Sebastian Bochan    schedule 01.08.2014
comment
Это нормально, но мой xml/json может иметь разное количество узлов/отношений/атрибутов. Ищу решение, которое может строить автоматически, а не рисовать вручную. при каждом вызове на сервер будет извлекаться другой тип json   -  person Nishith Kant Chaturvedi    schedule 01.08.2014
comment
К сожалению, highcharts не может предсказать все аспекты, вам нужно иметь любую схему диаграммы, а затем визуализировать.   -  person Sebastian Bochan    schedule 01.08.2014

Ответы (1)


arrow_upward
4
arrow_downward

Ознакомьтесь с netjsongraph.js.

См. демонстрационный пример netjsongraph.

Он основан на D3 и использует формат NetJSON, специально разработанный для сетевого программного обеспечения.

Я надеюсь, что это помогает.

person nemesisdesign    schedule 18.10.2015
comment
спасибо за ответ, но вместо предварительно построенной диаграммы я хочу создать документ в потоке. вот пример того, что мне действительно нужно app.flowhub.io/#example/6699161 . Единственная разница заключается в том, что в моем случае объекты (узел здесь) будут извлекаться из БД, и пользователь должен иметь возможность рисовать диграммы, выбирая эти объекты из списка объектов. - person Nishith Kant Chaturvedi; 19.10.2015