问题标签 [infovis]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
415 浏览

javascript - Infovis - graph.ready 的 Javascript 测试

您好,我正在使用 infovis 工具包绘制组织结构图,为了完成此操作,我需要在图形节点内绘制图形(我有这部分工作)

问题是在我的代码中的哪一点测试父图是否已准备好进行操作。我已经尝试过测试画布何时准备好,画布何时上线,以及我正在编写子图的 div 标签准备好但这些似乎都不起作用并报告

无法读取 null 的属性 offsetWidth

这是因为它无法读取尚不存在的元素的宽度,这是因为即使 dom 注册了它,画布还没有完成渲染它。

有没有人知道在 infovis 中测试一个准备好被操纵的图表?

谢谢

名言

0 投票
1 回答
759 浏览

infovis - JavaScript InfoVis Toolkit 使用 AJAX 从外部文件加载 JSON 时出错

我的应用程序中有下面显示的代码片段。我想要完成的是:只要单击复选框,条形图就应该更新。

在我的错误控制台中,我得到:

“错误:TypeError:值未定义源文件:hit.js 行:11017。

我尝试直接在函数中分配 JSON (var json = ...),它可以正常工作,但我无法通过从文件中加载 JSON 来使其工作。我究竟做错了什么?

基因.php 包含:

0 投票
1 回答
137 浏览

javascript - 如何使用 ForceDirected 中的 adAdjacence 功能?

我正在研究 Java Infovis Toolkit 中的网络图(ForceDirected):http ://thejit.org/“The jit”。我需要首先绘制节点,然后将邻接添加到创建的每个节点。我必须使用库中定义的 addAdjacence 函数,但我不知道如何。

有谁能够帮我?

0 投票
3 回答
1189 浏览

javascript - JIT Spacetree 将标签另存为图像

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

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

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

HTML 代码:

手动截图手动截图 空白打印图像空白打印图像

0 投票
0 回答
397 浏览

json - JIT SpaceTree 可视化

我需要在 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 树?

0 投票
1 回答
418 浏览

extjs4.1 - 我如何结合 extjs 和 infovis spacetree

我是 extjs 和 infovis 的新手。我正在尝试实现一个包含 2 个组件的页面。上面是一个 extjs 网格,它由从服务器接收的一些数据呈现——> extjs 存储。我需要较低的组件是一个空间树,它将由相同的数据呈现。此外,我需要监听网格上的事件并在空间树中标记选定的节点。有人有一些将 extjs 与 infoVis 集成的例子吗?

0 投票
1 回答
970 浏览

infovis - 如何正确地将节点与多个父节点对齐

这是屏幕截图

空间树

我一直在处理这个问题,并试图修改Y位置,但没有任何运气。请注意,Meli Job B似乎没有对齐。仅当父框附加到多个父框时才会发生这种情况。我尝试了下面的代码来了解一个盒子是否有多个父母,但我无法确定如何定位Y 轴,因为它们都落在同一个地方。

代码:

提前感谢您的帮助。

0 投票
1 回答
189 浏览

python - 在 Python 中操作数据结构

我有 JSON 格式的数据:

我正在尝试使用 InfoVis 将这些数据绘制到决策树中,因为它看起来很漂亮且具有交互性。问题是他们的图表采用这种格式的 JSON 数据:

请注意在每个键和值中添加了“id”、“数据”和“子项”,并将每个键和值称为“名称”。我觉得我必须编写一个递归函数来添加这些额外的值。是否有捷径可寻?

这就是我想做的,但我不确定这是否是正确的方法。循环遍历所有键和值并将它们替换为适当的:

让我知道我是否离开。

这是他们的示例http://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.html

这是数据http://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.code.html

0 投票
4 回答
226 浏览

javascript - Javascript变量范围阻碍了我

我似乎一辈子都得不到这个。在调用 getJson2 函数后,我无法访问变量“json”。我通过一个 php 脚本动态地获取我的 json,这很有效。但后来它消失了。在InfoVis 示例中,有一个示例用作指南,其中 json 嵌入在 init 函数中。我正在尝试动态地获取它。

0 投票
0 回答
249 浏览

javascript - 如何将 onscroll 事件添加到 JavaScript InfoVis StackArea 图表

我似乎在向我的 JavaScript 图表添加滚动条时遇到了麻烦。问题是我的图表

infovis 是 2400 像素,而 frame 是 800。但是,每当我向右滚动时,光标就会错位并出现拖尾(好像 x 和 y 坐标已经混淆了)。

为了给你一个更好的主意,这里是图表的链接。

http://philogb.github.com/jit/static/v20/Jit/Examples/AreaChart/example1.html

我的问题是:我怎样才能最好地纠正这个问题?应该在 html div 或 css 或 .js 文件中调用 onscroll 吗?另外,我对选定的 div 使用什么?它是包含可视化的中心容器、整个窗口还是#vis(可视化本身)。我在下面附上了一个屏幕截图以进行澄清。

由于图表的动画和向下钻取功能,此问题会导致图表无法使用。任何帮助或指导将不胜感激。

此外,这里是一个基于开源 API 的链接:http: //philogb.github.com/jit/demos.html

不幸的是,该网站不允许我发布屏幕截图。