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

Question

我之前问过 question询问如何/使用什么来显示以像时尚一样的自上而下的树中呈现数据。

我也偶然发现了这篇文章:Graph visualization library in JavaScript建议使用以下工具包进行可视化:

• > arbor.js复杂的图形与漂亮的物理和养眼。
• > CanvizGraphviz 图形的 JS 渲染器
• > Flare美观而强大的基于 Flash 的图形绘制
• > Graph JavaScript framework, version 0.0.1基本图形布局
• > Graphviz复杂的图形可视化语言
• > JavaScript Canvas Hyperbolic Tree小而灵活的脚本
• > JavaScript InfoVis ToolkitJit，一种交互式的多用途图形绘制和布局框架
• > JS Graph It使用 HTML5 的有前途的项目
• > jsPlumb用于创建交互式连接图的 jQuery 插件
• > jssvggraph轻巧但漂亮的图形布局器
• > Moo Wheel连接和关系的交互式 JS 表示
• > NodeBoxPython 图形可视化
• > Protovis可视化图形工具包 (JavaScript)

我决定选择 InfoVis Toolkit 的 SpaceTree 可视化。然而，一直困扰着我的问题是似乎没有库可以对节点文本进行就地编辑……或者至少我是这么认为的。我们的要求是，当用户单击一个节点(或右键单击并选择一个选项等)时，节点文本应该是可编辑的。

大多数工具包不允许它 - 它们似乎是底层数据的只读可视化/ View (除了 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 
} 

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