问题标签 [infovis]

我正在使用 Jit 的 Spacetree ( http://flashcanvas.net/examples/thejit.org/static/v20/Jit/Examples/Spacetree/example1.html )，我正在尝试将其修改为单击节点时的位置要展开它，它不会隐藏其他节点，但它会简单地调整大小以适应画布上的所有节点。

我想做的类似于 d3js 的可折叠树布局（http://mbostock.github.io/d3/talk/20111018/tree.html）。但是，我不能使用 d3js，因为我正在处理的项目需要与 IE8 兼容，并且截至目前，d3js 不能与 IE8 一起使用，而且我看到的试图结合 Raphael JS 和 d3js 的库不起作用适当地。

我不是在寻找代码，而只是一个关于如何实现它的想法（无论是修改 Jit 的源代码还是我必须在我自己的 .js 文件中手动完成）谢谢。

我正在尝试将 JavaScript InfoVis Toolkit 图的示例集成到我的Django 应用程序中。

现在，我只想在我的 Django 页面中显示上述示例图。我创建了下面给出的模板。

但它没有按预期工作。原始图表在网页加载后立即布局。

我的图表不是，必须手动将节点移动到它们之间的链接。

你可以在这个视频中看到它是如何工作的。

我应该在我的模板和/或脚本和/或 CSS 文件中进行哪些更改，以便在页面加载后立即布置图表（如原始示例中所示）？

这是我的 Django 模板：

我正在使用 InfoVis SpaceTree 来可视化一棵树。一次调用 loadJSON 方法即可加载完整的树。每个节点的子节点的顺序已经正确。但是节点不按它们在数据结构中定义的顺序显示，即根据它们的数组索引。

我怎样才能让它们以正确的顺序显示？任何帮助将不胜感激。

我正在尝试使用 InfoVis SpaceTree 来允许用户管理一些信息。单击节点后，将创建一个表单并显示给用户，这允许他通过 ajax 更新该特定节点的属性。

此外，树使用“按需”节点模式显示，因此我有特定的方法来检索具有特定节点的任何深度的任何子树，使用 ajax 和 json 数据。

我的问题在于用户提交节点表单后节点信息更新。例如，标签上的节点名称应在用户向节点提交名称更改后更新。像这样，有（许多）其他属性应该反映在标签上，并且允许用户更改。

我需要的是在表单提交完成后更新单个节点的内部表示，并重绘树。

理想情况下，我想一次“批量”更新所有节点的属性，使用与“按需”节点相同的方法，即通过 ajax 获取新更新的节点信息：

1. 用户更新节点
2. 节点从树中删除
3. 发出异步请求以获取更新节点的信息
4. 节点被重新插入到树上；树被重新绘制

我尝试过使用.graph.removeNode()和.graph.addNode()功能，但这搞砸了树形布局。添加和删​​除子树工具不是一个选项，因为这样我将不得不请求大量信息并在仅更新 1 个节点时重新插入整个子树。

是否有任何方法或机制可以用来一次更改整个节点的内部表示？

我在一个项目中使用 JavaScript InfoVis Toolkit，需要编译文档以支持浏览器。不幸的是，我在他们的网站上找不到任何官方信息。有谁知道官方支持（或兼容）哪些浏览器和版本？

我已经为我的强制导向 InfoVis 图表创建了自定义节点，我在其中显示了用户的图像。我现在想为图像添加样式，例如添加边框并使其成为圆形。我尝试按如下方式添加 css 类，但它不起作用。

这是我的自定义节点代码：

I am doing research in graph theory and need to visualize graphs in real time. (That is, if the graph data changes, its representation changes with it.) InfoVis seems to meet that goal, but I am struggling to put together a simple 'Hello, World' page that just displays a graph on-screen with clickable nodes (where clicking causes the node to change color).

I have a working installation of JIT (the given examples work), I just need a minimal example of InfoVis to get started, and it is proving difficult to piece one together from the documentation.

我遇到了 JIT Spacetree 的问题，其中节点之间的空间相距很远，导致视图无法使用。前几个节点很好，但是当您深入到树中时，子节点上的间距会增加。

我正在使用与 JIT 站点 http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html上的示例 1 非常相似的非常普通的配置

这是一个显示片段的屏幕截图，但问题比这显示的更糟，因为间距随着额外节点的增加而进一步增加。

https://dl.dropboxusercontent.com/u/5454906/spacetree_issue.png

我已经成功使用了一段时间，但从未遇到过这个特殊问题。

有没有人有任何想法/想法？

谢谢

尼尔

这是生成的示例 JSON 集。

}

我正在开发一个具有多个选项卡的应用程序（使用 jQuery UI）。这些可以由用户打开和关闭。每个选项卡中都有一个来自 JavaScript InfoVis Toolkit ( http://philogb.github.io/jit/static/v20/Jit/Examples/RGraph/example1.html ) 的 rGraph 可视化。（选项卡和可视化的代码与各自网站上的示例非常相似）

每当我创建一个新选项卡时，都会正确生成 rGraph。这似乎可以很好地扩展，我可以在多个选项卡中来回单击而不会出现任何问题。但是，如果我以任何方式与 rGraph 交互（例如，通过单击节点来移动它），其他选项卡中的现有 rGraph 将停止工作。当我单击任何现有的 rGraphs 时，它会产生错误：TypeError: node is undefined. 换句话说，新实例可以正常工作，但单击最新实例会破坏以前的实例。

有什么可以做的吗？

注意：文档中似乎确实允许多个实例 - 您可以使用不同的变量名称创建每个实例，例如var graph1 = new ... var graph2 = new ...等。这确实有效，但由于选项卡（以及因此图表）是动态生成的，我不能像这样分配特定的变量名。我尝试执行以下操作：

...但这似乎没有任何区别。

编辑：这是我用来调用 rGraphs 的代码（document_id 是我为每个图传递的唯一变量）：

我在力有向图中为我的节点使用 html 标签。

这看起来不错。但是，当我尝试在画布周围移动节点时......我无法做到。如果将鼠标放在一个节点上，左键单击，然后拖动，则整个图形都会移动——而不仅仅是选定的节点。html 位于节点下方，但我仍然无法再在画布周围拖动任何特定节点。知道如何解决这个问题吗？