问题标签 [thejit]

我看到很多人推荐用于组织结构图的 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 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"}它时，它把整棵树都搞砸了......

我正在使用JIT 库中的 SpaceTree 插件。我正处于项目的最后阶段，使用 IE6 的可能性是死胡同，因此作为替代选择，将可视化转换为图像应该是合理的。

我使用了画布的 toDataURL() 和新的 toBlob() 函数，但这只产生了一半的可视化效果——因为 SpaceTree 中的节点包含 HTML DOM 元素，例如 DIV、SPAN、IMG 等用于内容和样式。

我正在考虑使用 PHP 的imagecopymerge来叠加两个图像。一个图像是画布内容（基本上是节点之间的连接线），第二个图像是 HTML 页面的捕获（内容是使用 AJAX 和 JSON 动态加载的）。

有人知道我如何生成动态加载的 HTML 页面的图像，或者有任何其他建议吗？如果需要，我可以提供更多信息，例如屏幕截图和演示。

谢谢

我敢肯定有一种优雅的方式在 Python 中执行此操作（或在推送中，Javascript），但对于我的生活，我看不到它......

我有一个格式为 CSV 的文件：

我想生成一个分层的 JSON 结构，这样我就可以可视化theJIT中的数据。

我的计划是将 ID 映射到 id，将名称映射到名称，将描述映射到 data.desc，并组织层次结构，以便：

• 根是 A 和 B 的父级
• A 是 A100 和 A200 的父级
• A100 是 A110 和 A120 的父级
• A110 是 A111、A112 和 A113 的父级
• B是B100的父母
• B100 是 B130 和 B140 的父级
• B130 是 B131 的父级

在其他按 ID 进行的常规排序中也有一个病理情况，其中 A100 是 A131 的父级（不存在预期的 A130）。

我希望找到一个优雅的 Python 解决方案，但它现在打败了我，甚至忽略了病态案例......

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

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

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

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

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

干杯，D

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

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

我错过了什么？

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

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

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

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

我正在尝试从此处找到的 jit 包中双击力有向图中的节点：力有向图

双击节点名称很容易，但我似乎无法弄清楚如何向节点本身添加双击。我尝试了很多不同的东西，但无济于事。