2013-05-23 4 views
1

Я свободно владею CSS/HTML
Приличный с CSS3 и HTML5 и JQuery.
Мой проект использует Asp.net MVC, LINQ, Razor.Создание графического дерева

Просто важно, что последнее важно.

Я пытаюсь создать графическое дерево для пользователя. Я никогда не делал ничего подобного раньше, поэтому не знаю, с чего начать.

Я знаю, что хочу, чтобы это было сверху вниз по дереву. Один узел в верхней части каскадирует на несколько узлов внизу.

Всегда будет 4 уровня (отдел, функция, процесс, процедура) и в конечном итоге будет 5 уровней.

Я уверен, что с этим связано много математики. Если кто-то может указать мне в правильном направлении, или, может быть, есть учебник. Я был бы очень признателен.

*** В качестве побочного примечания это, вероятно, будет иметь последствия. Это дерево внедряется в уже отзывчивый веб-сайт.

Запрет на мои художественные навыки - это то, чего я пытаюсь достичь.

enter image description here

+0

Ваш вопрос будет легче ответить, если бы он включал пример того, какую продукцию вы хотите произвести. Изображение дерева, похожего на ваш предполагаемый результат, будет более чем достаточным - без такого примера трудно понять, что вы ищете, чтобы сделать достаточно ясно, чтобы предлагать советы. –

+0

@AaronMiller пункт принят. Я добавил изображения, чтобы лучше описать то, что я хочу достичь. –

ответ

3
  1. Посмотрите OrgChart для ASP.NET. Похоже, он удовлетворяет вашим требованиям, но будьте готовы заплатить лицензионный сбор в размере USD 200-400 долларов США в зависимости от вашей команды/проекта.

  2. Используйте отличный, свободно доступный инструмент для визуализации визуализации Infovis. Он имеет компонент, называемый SpaceTree, который может рисовать деревья так же, как вам нужно.

  3. Используйте правильно расположенные divs с границами для представления узлов дерева и jsPlumb для создания соединений между узлами.

Смежные вопросы