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

Question

我之前问过一个问题，询问如何/使用什么来显示以自上而下的树状呈现数据，如时尚。

我还偶然发现了这篇文章：JavaScript 中的图形可视化库，其中建议使用以下工具包进行可视化：

• arbor.js 复杂的图形，带有漂亮的物理和视觉效果。
• 用于 Graphviz 图形的Canviz JS 渲染器
• Flare 美丽而强大的基于 Flash 的图形绘制
• 图形 JavaScript 框架，版本 0.0.1 基本图形布局
• Graphviz 复杂的图形可视化语言
• JavaScript Canvas 双曲线树 小而灵活的脚本
• JavaScript InfoVis Toolkit Jit，一个交互式、多用途的图形绘制和布局框架
• 使用 HTML5 的JS Graph It Promising 项目
• 用于创建交互式连接图的jsPlumb jQuery 插件
• jssvggraph 轻量级但不错的图形布局器
• 用于连接和关系的Moo Wheel Interactive 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 
} 

在这里，我在右键单击事件中就地更改节点文本，您可以根据需要进行更改。