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

我还偶然发现了这篇文章：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 中就地编辑节点的文本，或者会为此推荐另一个工具包？

有任何想法吗？

我正在使用 Javascript Infovis 工具包（JIT）并想将节点的形状更改为某个图像。我该怎么做？默认形状是圆形，可以进一步更改为矩形、正方形、椭圆等，但就我而言，我需要将其更改为本地磁盘驱动器上的图像。

他们说可以在“类型”字段中这样做，但是我们需要添加哪些所有方法或查看对...的影响？请参阅以下链接：

http://thejit.org/static/v20/Docs/files/Options/Options-Node-js.html

我们究竟该怎么做呢？

请帮忙...

我目前正在我的项目中创建一些对象的可视化，并且我正在使用InfoVis 工具包来处理图形可视化部分。到目前为止，我已经正确绘制了节点并正确地相互关联，但是有一个图形错误困扰着我。当节点部分离开画布时，节点的背景会被隐藏（应该如此），因为它本身就是一个画布元素。但是，内容（是 HTML）完全显示出来，它们挂在画布元素上。

您可以在此处查看可视化：链接

在图形周围拖动，直到其中一个节点部分离开屏幕，您就会看到它。在右侧/底部更明显。

这是问题的图片：黑色边框是画布边框。

我怎样才能阻止这种情况发生？

我想将php 数组转换为json 字符串以与 JavaScript InfoVis Toolkit 格式一起使用。

目标： InfoVis 演示树

Json 规范格式： InfoVis-加载和服务 JSON 数据

我有这个 php 数组： $my_array ：

现在如果我 json_encode($my_array);

但是对于 InfoVis，当前的 json 输出 (json_encode($my_array)) 有 3 个问题：

1. 没有使用 [ ]
2. 'children' 数组有键名
3. 数组项带有它们的键名 -> 示例：“item_1”：{ ....

让我指出这个问题，所以也许你可以帮助一个函数来转换这个 json 字符串：

看到这片 json_encode($my_array) 输出：

1.问题1：

我们必须删除这些键，例如：“item_1”：

2.问题2：

正确的代码应该是：

“门”：被移除了……因为它是一把钥匙

"children": { => 变成" "children": [

“孩子”的一个工作示例：

澄清 WORKING Json InfoVis 格式的完整示例：

清楚明白吗？

希望任何人都可以帮助我..我正在为此工作几天！

谢谢你。

我发现了这个用于数据可视化的好框架：http: //thejit.org/static/v20/Jit/Examples/Sunburst/example2.html

对于我的项目，我需要 4 个环。所以我试图弄清楚如何在模板 JS 中添加两个环，你可以在这里找到：http: //thejit.org/static/v20/Jit/Examples/Sunburst/example2.js

它基本上是一个级联结构，但简单地添加一个级别是行不通的。

有没有人知道我如何添加两个级别？

如果您有另一个类似或类似的框架，我会很感激您的反馈。

干杯，D

我很好奇是否有人知道如何将 html 内容拖放到 InfoViz Toolkit 中的节点上。我需要能够检测到用户何时尝试将图形外部的项目拖放到其中一个节点上。

我也很好奇是否有人知道如何通过拖放将节点移动到新父级

我终于让我的节点几乎完美地完成了，不幸的是我还有一个问题

在画布上绘制的宽度不是定义节点的宽度。蓝色 + 紫色是节点 div + 填充，如果不是因为绘制的内容不关心我为此拥有的宽度，我可以使用它完美地居中。这是我的空间树的代码：

我错过了什么？

我正在使用 JIT (JavaScript InfoVis Toolkit) Spacetree。示例：http ://thejit.org/static/v20/Jit/Examples/Spacetree/example1.html

将整个树的方向更改为顶部、右侧、底部或左侧是微不足道的：

..但我想在主树的特定子树上执行此操作。到目前为止，我一直无法弄清楚这一点。基本上，我使用 Spacetree 来显示站点地图，并且我希望默认情况下整个站点都可见，而不会被切断。我已经设置了选项，以便整个树可见（约束：false，levelsToShow：3），但是树本身对于窗口来说太大了。我意识到完全避免这种情况可能是不可能的，但改变特定子树的方向（可能基于深度？）将优化树占据的空间并将其更多或全部内容置于可见视图中。

如果描述不够明显，树的画布的大小就是窗口的大小。

提前致谢！我期待听到任何答复。

我一直在谷歌搜索，似乎找不到答案。我也会在 JavaScript InfoVis Toolkit Google Group 中提出这个问题。

我想知道是否可以使用 InfoVis spacetree 动态隐藏/显示工具提示。目前它们已打开，我已经设置了这样的提示：

但我似乎找不到任何关于以后如何关闭它们的参考资料。例如，我希望用户能够选中一个框来隐藏/显示工具提示，然后相应地显示它们。我尝试了 st.tips.hide()（st 是我的空间树的名称），但它什么也没做。如果我做alert(st.tips)我得到一个对象，但我不知道该对象有哪些可用的功能。

任何帮助将非常感激！谢谢！

我正在使用 Java Infovis Toolkit。我想要任何用于缩放的按钮选项而不是鼠标滚轮。任何人都可以帮助我如何应用两个按钮来放大和缩小而不是鼠标滚轮。