Можно ли редактировать узел на месте в любом наборе инструментов визуализации дерева javascript (предпочтительно InfoVis)? - PullRequest
Новая
       29

Можно ли редактировать узел на месте в любом наборе инструментов визуализации дерева javascript (предпочтительно InfoVis)?

1 голос
/ 17 декабря 2011

Ранее я задавал вопрос , спрашивающий, как / что использовать для отображения при отображении данных в нисходящем дереве, как в моде.

Я также наткнулся на этот пост: Библиотека визуализации графиков на JavaScript , где для визуализации были предложены следующие наборы инструментов:

  • arbor.js Сложные графики с приятной физикой и привлекательностью.
  • Canviz JS-рендер для графиков Graphviz
  • Вспышка Красивая и мощная основанная на Flash графика для рисования
  • Graph JavaScript Framework, версия 0.0.1 Базовое расположение графиков
  • Graphviz Сложный язык визуализации графиков
  • Гиперболическое дерево JavaScript Canvas Маленький и гибкий скрипт
  • JavaScript InfoVis Toolkit Jit, интерактивный, многоцелевой фреймворк для построения графиков и макетов
  • JS Graph It Многообещающий проект с использованием HTML5
  • jsPlumb jQuery plug-для создания интерактивных связанных графов
  • jssvggraph Облегченный, но приятный графический макет
  • Moo Wheel Интерактивное представление JS для связей и отношений
  • NodeBox Визуализация Python Graph
  • Protovis Графический инструментарий для визуализации (JavaScript)

Я решил выбрать визуализацию SpaceTree для InfoVis Toolkit.Однако проблема, которая меня беспокоила, заключается в том, что ни одна библиотека, кажется, не поставляется с редактированием текста узла на месте ... или, по крайней мере, это то, что я чувствую.Наше требование состоит в том, что, когда пользователь щелкает узел (или щелкает правой кнопкой мыши и выбирает параметр и т. Д.), Текст узла должен быть редактируемым на месте.

Большинство наборов инструментов не допускают этого - они кажутсябыть доступной только для чтения визуализацией / представлением базовых данных (за исключением JS Graph It - однако он не имеет встроенного макета , и это важно).

Я не знаюНе возражаете против изменения моего выбора инструментария, и мне было интересно, знает ли кто-нибудь, как редактировать текст узла на месте в InfoVis, или порекомендует другой инструментарий для этого?

Есть идеи?

1 Ответ

2 голосов
/ 29 марта 2013

Несмотря на то, что уже поздно, я бы ответил на ваш вопрос для других, имеющих аналогичные требования.

В infoVis вы можете просто изменить имя узла для редактирования текста узла. 

onRightClick: function( node, eventInfo, e){
    node.name = "Changed the name in-place"
    fd.plot(); // fd is an instance of ForceDirected visualization 
}

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

...