我之前问过 question询问如何/使用什么来显示以像时尚一样的自上而下的树中呈现数据。
我也偶然发现了这篇文章:Graph visualization library in JavaScript建议使用以下工具包进行可视化:
- > arbor.js 复杂的图形与漂亮的物理和养眼。
- > Canviz Graphviz 图形的 JS 渲染器
- > Flare 美观而强大的基于 Flash 的图形绘制
- > Graph JavaScript framework, version 0.0.1 基本图形布局
- > Graphviz 复杂的图形可视化语言
- > JavaScript Canvas Hyperbolic Tree 小而灵活的脚本
- > JavaScript InfoVis Toolkit Jit,一种交互式的多用途图形绘制和布局框架
- > JS Graph It 使用 HTML5 的有前途的项目
- > jsPlumb 用于创建交互式连接图的 jQuery 插件
- > jssvggraph 轻巧但漂亮的图形布局器
- > Moo Wheel 连接和关系的交互式 JS 表示
- > NodeBox Python 图形可视化
- > Protovis 可视化图形工具包 (JavaScript)
我决定选择 InfoVis Toolkit 的 SpaceTree 可视化。然而,一直困扰着我的问题是似乎没有库可以对节点文本进行就地编辑……或者至少我是这么认为的。我们的要求是,当用户单击一个节点(或右键单击并选择一个选项等)时,节点文本应该是可编辑的。
大多数工具包不允许它 - 它们似乎是底层数据的只读可视化/ View (除了 JS Graph It - 但是它没有任何布局内置,这很重要)。
我不介意改变我对工具包的选择,想知道是否有人知道如何在 InfoVis 中就地编辑节点的文本,或者会为此推荐另一个工具包?
有什么想法吗?
最佳答案
即使晚了,我也会为其他有类似需求的人回答你的问题。
在 infoVis 中,您可以简单地更改 node.name 来编辑节点的文本。
onRightClick: function( node, eventInfo, e){
node.name = "Changed the name in-place"
fd.plot(); // fd is an instance of ForceDirected visualization
}
这里我在右键单击事件中就地更改节点文本,您可以根据需要进行更改。
关于javascript - 是否可以在任何 JavaScript 树可视化工具包(最好是 InfoVis)中就地编辑节点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8542617/