问题标签 [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 回答
888 浏览

javascript - 将 json 动态添加到 spacetree 视图

我正在使用 spacetree js 来显示树视图。

我想在单击节点后按需加载 json。

我已经使用硬编码的 json 值运行了示例示例。

但我不知道如何使它动态.....在选择节点后显示他们的孩子并保留他们的父母。我有两个问题

如何制作

1.要么重新加载整个json对象

2 或者将选中的childrens json添加到之前的json对象中

我需要这个例子..我正在使用 ruby​​ on rails 做应用程序,所以他们制作自定义 json 的任何方法

0 投票
0 回答
905 浏览

javascript - SpaceTree如何在节点单击时添加子树

我编写了以下显示错误的代码:

Cannot read property 'children' of null

我希望在单击节点时加载子项。

0 投票
1 回答
589 浏览

c# - 通过 C# (Kinect SDK) 的手势控制 Javascript InfoVis Toolkit

我一直在网上寻找解决这个问题的方法,但现在我很沮丧地找到了能满足我所有要求的东西。所以这里。

我正在尝试构建一个桌面应用程序,该应用程序使用 Kinect for Windows 传感器来控制数字图书馆的可视化(例如,您去书籍的地方)资产。我非常精通使用官方的 MS Kinect SDK,并且手头已经有一个用于原型设计的简洁实用框架,所以我显然很想使用它。这加上桌面应用程序主题表明整个shebang都需要使用C#,这对我来说很好。

另一方面,可视化部分已经存在并且看起来很漂亮,但它是 JavaScript(特别是 JIT,即 javascript infovis 工具包)。它有我需要的所有花里胡哨的东西,而且它的动画效果很好。另外,我是 JavaScript 的菜鸟。

关键是,我如何避免将其中一种语言重写为另一种语言,同时仍然允许它们在运行时交谈?

那么,您知道任何一种方法吗
A)在 Windows 应用程序中嵌入 JIT 可视化(例如径向树可视化),使我能够在运行时从 C# 类操作图形(例如选择要动画的新节点成为焦点)还是
B)向 JS 发送 C# 事件以在运行时对手势输入做出反应?这是 ASP.NET 可以做到的吗?

我有一种感觉,结果将是桌面和网络技术的奇怪组合,但任何指向正确技术的指针都非常感谢。

0 投票
0 回答
463 浏览

javascript - 如何在 JavaScript InfoVis Toolkit 中覆盖节点深度

请参阅附图。

在第 2 级(0 是中心),我们有 BT 和 BD。我想在 3 级显示 BD 并将 EN 移动到 4 级。这意味着我需要以某种方式更改这些节点的深度。

http://www.ivangasparetto.com/jit-test

自定义 js 文件位于http://www.ivangasparetto.com/jit-test/js/jit/jit-qorex.js

非常感谢

0 投票
0 回答
156 浏览

javascript - Javascript Infovis 双链接节点

我正在使用 Javscript InfoVis 工具包。顺便说一句,感谢开发它的人。太棒了。无论如何,我有两个问题。我有一个从 .dot 文件中解析出来的信息绘制的有向图,并且一些节点需要是 A) 双重链接的,或者我需要有两个边A->BB->A在图表上显示,并且 B) 能够有 slef - 显示参考边。

A)我认为该图A-B在绘制新边之前会自动检查任何方向之间是否存在边,并看到该边A->B已经存在并且没有绘制B->A。我确实知道B->A在这种情况下实际上根本没有绘制。我目前正在 jit.js 核心中寻找修复它的检查。另外,如果我确实要显示返回边缘,我怎样才能稍微弯曲边缘,以便我可以在图中看到它们?我在想我可以在onBeforePlotLine:jit.js 部分实现一些东西。

B) 我认为 A) 中边缘弯曲的解决方案将赋予我展示自我参照边缘的能力。该边缘实际上正在被绘制,但由于它的起点和终点相同,因此不可见。

如果有人有解决这些问题的任何经验,请提供帮助。提前致谢!

0 投票
1 回答
1534 浏览

javascript - 如何在 InfoVis/JIT 强制有向图中隐藏和恢复自定义节点?

我正在尝试使用 InfoVis / JIT 来呈现可视化网络的力导向图。我是 java 脚本和 JIT 的新手。我在我的 js 文件中使用以下代码创建了我自己的自定义节点类型,这让我可以在节点上显示我的图像。

我在 json 数据对象中使用 "$type": "icon1" 将此自定义节点类型分配给节点。我确实在节点上获得了图像,但问题是我无法在需要时隐藏它。我可以使用以下代码隐藏内置节点类型,如圆形、方形等。

但是相同的代码不适用于自定义节点。因此,我尝试将节点类型临时更改为内置的“圆形”类型,将其隐​​藏,然后将节点类型重新设置为其原始类型,即我的自定义节点 icon1。

我认为这应该可行,但自定义图像会在一段时间后在画布上返回。如果我没有将节点的类型重置为其原始类型,即在上面的代码中并注释掉以下语句并调用隐藏函数,那么该节点将被隐藏。

我无法弄清楚如何仅通过将节点的类型设置为某种自定义类型来呈现节点。对此问题的任何帮助将不胜感激。

我需要将节点的类型重新设置为其原始类型,因为我希望在需要时通过调用取消隐藏函数来恢复节点。如果我不将节点的类型重置为原始类型,那么在恢复时它将呈现为一个圆圈。

我已经浏览了 JIT 的 API 和 google 组,但找不到答案。任何人都可以帮忙吗?

0 投票
2 回答
686 浏览

javascript - Infovis 强制有向图,节点上的弹出窗口

嗨,如果那里有任何 infovis 用户,他们可能会提供帮助,我是一个 infovis 菜鸟,我刚刚启动了我的强制定向图并运行通过 Json 在我的节点中传递,无论如何我可以将每个节点的弹出信息窗口修改为一个单击标记时可能会在 Google 地图上看到,我已经绕圈子转了几个小时。

谢谢。

这是我尝试将图像附加到每个节点的尝试仍然无法使其正常工作:

0 投票
1 回答
589 浏览

javascript - 将 Clusterfck 数组转换为 JavaScript InfoVis Toolkit json 层次结构

目前我正在使用 javascript 库Clusterfck来执行数据分组。该库生成以下格式的数组:

但是用于数据可视化的 javascript 库如何 D3.js 和Jit使用 JSON 结构如下所示:

我想使用 JavaScript 或 PHP 转换这些结构。有人可以帮我吗?

0 投票
2 回答
266 浏览

infovis - 曼哈顿边缘的太空树

是否可以使用 inforVis/jit 在空间树中创建曼哈顿风格的边缘。

它不是一个选项: http: //philogb.github.com/jit/static/v20/Docs/files/Options/Options-Edge-js.html。但我看到自定义边缘是可能的。

有人已经这样做了吗?

0 投票
1 回答
531 浏览

javascript - Tips.hide() 函数。infoVis/JIT 中的潜在错误?

我有一个启用了“提示”的力导向图。我不想为那些隐藏的节点显示提示,即“alpha”为零的节点。在 onShow 回调函数中,我尝试使用tips.hide() 但它没有隐藏提示。这是我的代码。

当我深入研究 infovis 库 jit.js 时,我发现了一些看起来像错误的东西。下面是基本上将 style.display 设置为“无”的隐藏功能。

现在看看下面的代码。

如您所见,onShow 函数是从 onMouseMove 函数调用的。在 onShow 之后,调用 setTooltipPosition 函数将 style.display 设置回 ' '(参见我在代码中的注释)。因此,即使从 onShow 函数调用 hide(),提示也不会被隐藏。当我在 setTooltipPosition 中注释掉该行时,它起作用了,即对于隐藏的节点隐藏了工具提示。

这是 infovis 中的错误还是我做错了什么。我想知道如果隐藏功能不是错误,应该如何使用它。

另外,有没有人知道隐藏工具提示的任何其他更好的方法?