问题标签 [infovis]

我正在使用 JavaScript InfoVis Toolkit，尤其是SpaceTree可视化。

我需要展开所有树，然后显示从特定叶节点返回到根的路径。

我已经让树展开得很好，但它是一个叶节点的选择并突出显示返回根的路径，这给我带来了一些问题。

我正在使用该ST.select(node, onComplete)函数来选择我感兴趣的叶节点，并且确实突出显示了返回根的路径（行和节点）。

为此，我实现了onBeforePlotNode和onBeforePlotLine ST.Controller方法，以允许我将节点突出显示回根及其情节线：

问题是，当我调用ST.select()突出显示叶节点时，该级别以下的所有子节点都被折叠/隐藏。

为了看到这一点，我上传了几个例子：

全树扩展 - 未选择
叶子 已选择叶子 - 显示路径，但节点 N2 下的所有子节点缺失

如果您的浏览器窗口有点小，您可能需要向下滚动。

所以我的问题是，如何在 JavaScript InfoVis 中将节点从叶节点显示回根节点而不折叠级别 3 的子节点（级别 1 是根节点）？

如果有办法找到我的叶子节点并将树走回根部（在途中设置样式），那么我会很高兴这样做

我正在使用 Javascript InfoVis SpaceTree。我有一棵如下所示的树：

但是我想选择“现在”节点，以便它突出显示返回根节点的路径，但防止该节点居中。IE：

我试过setPos()了，但这不起作用。

有任何想法吗？

这是一个 github 存储库，其中包含源的完整工作自包含副本（遗憾的是，自从我最初提出这个问题以来，我的网站已经消失了）：

https://github.com/kevinkenny/so4418163

在示例中，文件ex2.html包含生成第一个图像ex3.html的标记，包含呈现底部图像的标记。

我将向 JavaScript InfoVis Toolkit Google Group 提出这个问题，但在等待该成员资格获得批准时，我想我会在这里提出。

我正在开发一个 Rails 应用程序，并且需要添加数据可视化（以及通过该可视化进行操作）。

我做了一些搜索，发现了JavaScript InfoVis Toolkit。这些演示对我很有吸引力，也是我正在寻找的。

我试着慢慢开始，因为我还比较新。我已经尝试了无数次代码迭代，但都无济于事。这似乎是我能做的最好的：

这是我的 JavaScript 文件：

所以我要做的就是制作一个简单的条形图示例。

这是页面完全加载后 Web Inspector（在 Safari 中）显示的相关部分：

所以，我看到的是 canvas 元素被注入但高度为 0px，这就是为什么我没有看到它？

当我查看演示的 DOM 时，它的内容<div id="infovis">看起来与我的非常相似……我看到的唯一区别是高度。

任何见解将不胜感激！

我有一个包含多个选项卡的页面（jquery ui 选项卡）

在最后一个选项卡上，我正在显示“空间树”。我在单独的测试页面上正常工作（没有标签）。一旦我将所有内容添加到选项卡式页面，树就会停止显示。

具有 infovis id 的 div 位于正确的“选项卡”div 内，并且定义如下：

在萤火虫中，我可以看到 infovis div 的高度和宽度设置正确，但是放置在里面的“infovis-canvaswidget”的高度和宽度为 0，我认为这是问题的一部分。

如何解决此问题并在选项卡式容器内使用工具包？

我是 javascript 编码的新手 - 任何人都可以帮助我使用InfoVis Spacetree 吗？我正在尝试将某个级别节点的宽度和高度设置为小于其余节点。好像我把它放在数据中：{}但是当我尝试data:{"$height":"30"}它时，它把整棵树都搞砸了......

现在我正在做一些关于代码覆盖率和树形图的工作。而我的项目是C#项目，比如Asp.net MVC。

我想使用“JavaScript InfoVis Toolkit”，因为它的效果非常好，并且支持交互式动画。但是除了demo之外我找不到其他的材料，也不知道能不能用在.net项目中。

有没有人知道如何在.net项目中使用它？

谢谢

我在数据库中有两个表，如下所示：

在这种情况下，我可以在Table_1_association

我可以有

也。

我想制作一个显示这种结构的图表。我使用带有“箭头”边的 FORrceDirected 图，因为方向是 FK1指向FK2（->在上面的示例中）。

但我拿不到。有些箭头方向错误。

ForceDirected 图是否允许这样做？

我正在使用“JavaScript Infovis”工具包，“SpaceTree 控件”适合数据可视化的需求。

我正在使用“jQuery”调用“Ajax”将数据动态加载到树中。树加载良好。但是，当我单击任何节点时，我会收到以下错误消息：

画布未定义

我从我的 aspx 页面调用这个 Javascript 库：

任何线索..

谢谢， 卡提克

我一直在研究 Infovis 工具包项目，虽然所有功能都完成了，但我还无法完成视觉效果。Infovis 工具包 API 文档很好，但我的自定义节点类型不起作用。我正在使用超树，我想制作两种不同的自定义节点类型。一个来自图像，另一个作为绘制的路径。非常感谢所有帮助，谢谢！

编辑： [我尝试的解决方案结果不是那么方便。相反，我使用 JIT 控制器中的 onCreateLabel() 来使用 HTML 自定义节点。看到了性能的明显改进，并在自定义节点方面获得了更大的灵活性。]

到目前为止，这是我想出的：

在我当前的项目中，我正在尝试使用 Infoviz 库来可视化树结构以显示分层树结构。它工作得很好，并以我想要的形式显示树。但我唯一的问题是我没有找到一种方法来绘制随机大小的树。

问题是我需要绘制所有级别的完整树，节点数量根据用户数据而变化。但是 infoviz 需要固定宽度和高度的画布，我没有找到可以在绘图之前计算所需尺寸的方法。现在 infoviz 只是截断了树的其余部分，没有办法看到它。

问题是：是否可以让画布大小来绘制完整的树？