我看到很多人推荐用于组织结构图的 JavaScript Visualization Toolkit (The JIT)。我正在尝试将 JavaScript InfoVis Toolkit 的 SpaceTree 用于组织结构图。我的组织结构图中的节点本身就像一个组件，它有员工个人资料图片、两个不同的图标，点击时会显示叠加层，还有大约 3 行简单的文本，包括名称、标题和报告数量……每一行都是分开的由一条轻的水平线。就像是：

我的问题是，是否可以将 spacetree 节点自定义到这样的程度？我可以让 Node 几乎像另一个“组件”或 JavaScript 对象一样拥有自己的渲染方法吗？

我在论坛上进行了研究，我考虑的一些选择是：

1. $jit.ST.NodeTypes.implement() ...但根据我看到的示例，这似乎有助于根据形状等自定义节点，但不像上面绘制的布局。我指的是自定义，例如： http ://groups.google.com/group/javascript-information-visualization-toolkit/browse_thread/thread/a4a059cbeb10ba23/ebf472366cdbbdef?lnk=gst&q=spacetree+nodetype#ebf472366cdbbdef
2. 我试图在example5.js的onCreateLabel方法中设置innerHtml：但它似乎什么也没做。虽然，我不确定这是否是节点定制的好方法。Example5 在 JIT 网站上（我不能发布多个超链接）
3. 扩展 Graph.Node ...我仍在研究这个选项，我不知道让空间树使用 Graph.myNode 有多复杂，Graph.myNode 会是什么样子？我需要更多地考虑这些方面，看看它是否可行。

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

我正在使用 thejit.org 的库，图是空间树。

单击节点后，我正在尝试使用新的 json 重新生成图形。在 onclick 函数中，我正在进行 ajax 调用，如果打印出来的数据是正确的。即使我使用打印的数据来标记变量并使用它。生成了图表，但是当我将它与 ajax 一起使用时，我得到了未定义。

编辑-1

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

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

我错过了什么？

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

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

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

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

当我设置 node.data.$width 和 label.style.width 绘制的不相等边缘的树时，如何为 spacetree 中的每个级别设置单独的 levelDistance

如何为空间树中的每个节点级别设置 levelDistance。例如，我想更改节点级别 3 的“levelDistance”。谢谢

}

我正在使用 JavaScript InfoVis Toolkit (http://thejit.org/) 并尝试将我输出的 Spacetree 保存到图像中。Spacetree 被输出到画布上。这个问题真的让我很沮丧。我试过了：

1. 在新窗口中打开画布
2. 在新窗口中打开画布所在的div
3. 使用 Canvas2Image (http://www.nihilogic.dk/labs/canvas2image/)

这是我当前的 Javascript 方法（绑定到按钮）：

但是，每次（我的意思是所有 3 个选项）我都会得到我的节点，而不是分配给节点的标签。这真是令人沮丧！

有没有人遇到过这个？这应该是以前遇到过的问题。。

我正在使用 JavaScript InfoVis Toolkit ( http://thejit.org/ ) 并尝试使用 canvas.toDataURL("image/png"). 虽然这适用于我的 ForceDirected 图——在 SpaceTree 中，我们将标签放在单独的 DIV 中，因此当我打印图像时，我得到一个空白图。

有谁知道如何打印标签？任何帮助将不胜感激。我附上了图表的手动截图和打印时得到的图像。

是的——我确实在这里看到了这个问题——但它没有回答我的问题，因为我们不能使用“原生”标签，因为我们会做一些即时造型。

HTML 代码：

手动截图 空白打印图像

我尝试使用 JIT 的 SpaceTree，我真的需要一些帮助。问题是当尝试从另一个数组加载树时。

json.php

我的 spacetree.js：

我收到的 JSON 符合预期，但脚本没有加载它。

有没有人看到问题并可以帮助我解决这个问题？

我需要在 MVC4 的项目中使用 JIT SpaceTree。

三种型号：Symptom, Test, Reference. 每个都有ID (guid), Title, Links (List<Guid>).

ASymptom可以链接到 aTest或 a Reference。ATest可以链接到一个SymptomorReference并且 aReference只能链接到 other Refernces。

在应用启动时：随机生成一个N大小图，假设每个节点有 2-5 个链接，遵循链接规则，假设N为 1000。

如何从这些模型构建 JSON 树？