是否可以在任何JavaScript树可视化工具包（最好是InfoVis）中就地编辑节点？

Question

我之前曾问过question问如何使用什么来显示像时尚这样的自顶向下的树。

我也迷迷糊糊了这个帖子：Graph visualization library in JavaScript在以下工具箱与会者提出了可视化：

• arbor.js 复杂的图形与漂亮的物理学和养眼。
• Canviz JS渲染的Graphviz图表
• Flare 美丽而强大的基于Flash的图形绘制
• Graph JavaScript framework, version 0.0.1 基本图形布局
• Graphviz 先进的图形可视化语言
• JavaScript Canvas Hyperbolic Tree 小而灵活的脚本
• JavaScript InfoVis Toolkit JIT，使用HTML5
一个互动的，多用途的图形绘制和布局框架
• JS Graph It 前途的业务
• jsPlumb jQuery插件用于创建交互式连通图
• jssvggraph 轻巧又漂亮的图形坐标制图
• Moo Wheel 连接和关系的交互JS代表
• NodeBox Python的图形可视化
• Protovis 的可视化图形工具包（JavaScript的）

我决定挑InfoVis Toolkit的SpaceTree可视化。然而，一直困扰着我的问题是，没有图书馆似乎有节点文本就地编辑......或者至少这是我的感受。我们的要求是，当用户点击一个节点（或右键单击并选择一个选项等）时，节点文本应该可以编辑。

大多数工具包不允许它们 - 它们似乎是基本数据的只读可视化视图/视图（除了JS Graph It - 但它没有任何布局内置，这是重要）。

我不介意更改我对工具包的选择，并想知道是否有人知道如何在InfoVis中就地编辑节点的文本，或者为此推荐另一个工具包？

任何想法？

Answer 1

即使它晚了，我会回答你的问题为其他人有类似的要求。

在infoVis中，您可以简单地更改node.name以编辑节点的文本。

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

在这里，我正在改变节点文本就地右键单击事件，你可以根据你的需要改变它。