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

Question

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

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

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

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

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

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

Есть идеи?

Answer 1

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

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

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

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