问题标签 [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 投票
2 回答
72 浏览

infovis - 多个 infovis 条形图不起作用

如何在单个网页上的 2 个不同的 div 中绘制 2 个条形图?如果我尝试这样做,一个条形图会被第二个图表的值覆盖,因为库会查找硬编码的 div 名称“infovis”。知道如何解决这个问题吗?

0 投票
1 回答
91 浏览

javascript - philogb/Treemap 只呈现未定义

我正在尝试使用https://github.com/philogb/jit创建来自top. 数据如下:

然后,我使用将其转换为 JavaScript 对象JSON.parse(...)并将其分配给data.

然后是实际的 InfoVis 代码:

但是,我一直得到的只是“未定义”注入画布。有什么线索吗?

0 投票
1 回答
231 浏览

javascript - JIT添加子图个别边缘颜色

我有一个显示两级节点的径向图。单击节点时,可以通过调用 sum() 函数添加子图。除了为新添加的边缘设置单独的颜色外,一切正常。有没有人尝试过加载具有单独边缘颜色的子图或暗示我做错了什么?

在这里,我正在获取并添加子图:

我还检查了加载的数据,但对我来说似乎完全相等。我还将相同的数据加载到初始图中而不是子图中,然后它的颜色正确。尽管如此,这里有一些测试数据,它是函数 getSubtree 的结果(id“占位符”与应添加子图的现有 id 匹配):

0 投票
0 回答
53 浏览

grails - 是否可以在 Grails 2.3.6 中使用 infoVis JIT 插件?

我在将jit-plugin集成到我的 Grails 2.0.7 项目中时遇到了困难。不幸的是,插件附带的文档没有提供足够的信息让我了解如何将插件集成到我的 GSP 中。示例链接也都失效了。有人知道我可以在哪里找到 jit-plugin 的示例 GSP,或者可以为我提供一个吗?或者甚至可以使该插件与 Grails 2.3.6 一起使用?

这是我的 buildConfig.groovy 的摘录

提前致谢。克里斯

0 投票
0 回答
470 浏览

javascript - 更新节点标签以避免 JavaScript InfoVis Toolkit (JIT) 中的混乱

我正在使用JavaScript InfoVis Toolkit进行可视化,特别是hypertree。我动态加载数据,有时节点周围的标签重叠和混乱。我想通过改变标签位置来避免这种混乱。

这是一个混乱的例子(顶部和底部节点):

JavaScript InfoVis Toolkit 杂乱无章

我想我会遍历每个 x,y 坐标,给它一些边界框并进行基本的碰撞检测,并相应地更新位置。

对于这个库,我看到演示显示了一个 onPlaceLabel() 函数,但是(如果我理解正确的话)那一刻我不知道每个其他节点标签的位置。所以,我正在查看 onComplete(),我看到我可以访问每个节点,如下所示:

但是节点信息不包括它的标签位置,只包括它们相对于中心节点的位置。有没有办法以这种方式访问​​标签并能够更新它们的位置?

0 投票
1 回答
1572 浏览

javascript - 如何更改 infovis spacetree 中的默认方向?

我正在尝试更改空间树中的默认方向,但不知道在哪里添加:

这样树将从顶部开始,而不是默认的右侧。

在我看到的示例中,switchPosition 仅与事件处理程序一起使用,我不打算拥有它。

因此,在示例中(取自 infovis 站点:Infovis - spacetree),我应该在哪里添加代码(或任何代码)以更改默认方向?

var labelType,useGradients,nativeTextSupport,动画;

0 投票
1 回答
257 浏览

java - 在 infovis javascript 中下载 Spacetree 中的子节点

我是 java 和 javascript 的新手。我使用 infovis Spacetree 来构建一棵树。我想让父节点的子节点可下载。我的意思是当用户单击父节点 1 的子节点 1 时,它应该下载一个从根目录存储的 pdf 文件。谁能建议我如何做到这一点。这是我在 infovis 中用于 spacetree 的 javascript 代码

请指导我

0 投票
1 回答
554 浏览

javascript - 按需 infovis 超树节点

我对使用 Javascript Infovis Toolkit 很陌生,但我想做的是创建一个超级树,其中有五个初始节点连接到中间。然后,当用户单击每个子节点时,会出现连接到子节点的新节点(其中 6 个)。我不知道该怎么做。这是我的树代码:

0 投票
1 回答
312 浏览

javascript - Javascript infovis 工具包 (JIT) 在 HyperTree 中添加边缘事件侦听器

我正在努力将边缘事件侦听器添加到 Javascript Infovis 工具包库中的 HyperTree 对象边缘。我知道这样一个事实,即一切都围绕“包含”方法,该方法未针对默认边缘类型(即“超线”)实现。

我做了什么:我添加了代码

到 HyperTree 构造函数。我已经添加了类似的东西

下面这个问题。我确实检查了 Google Chrome 调试器,该contains方法是line edgeHelper在 jit 源库中的对象上触发的。当我单击某个边缘时,所有contains调用true仅返回一个边缘,而返回false其余对象。

注释掉行enableForEdges并防止 jit行方法type: 'Native'上的 aby 触发器。edgeHelpercontains

但是,如果我在添加的 onClick 侦听器上放置一个断点,则node == false无论何时单击节点外部(无论是单击边缘还是空白空间)都会得到。

所以一般的问题是:如何正确地将事件侦听器添加到 HyperTree 中的边缘?

还有更狭隘的问题:我怎么能确定,当contains某些行返回 true 时,它​​实际上会触发一个 onClick 侦听器,同时在那里传递一条边,而不是一个false.

0 投票
0 回答
46 浏览

javascript - 为什么 Infovis JS Toolkit 在 Chrome 中崩溃

我在 EXT JS 容器中使用 Infovis JS 工具包。现在在 Chrome 中,网站崩溃了,但没有给我任何提示。其他浏览器运行良好。

我做了一个小演示站点http://dev.eftas.com:8080/idnetwork/

令人讨厌的是,我不知道如何调试这个崩溃,因为它似乎是随机出现的。崩溃后控制台也不再连接到网站。

编辑:Chrome:37.0.2062.124,OS X 10.9.5(但也发生在基于 Windows 的机器上)

非常感谢任何帮助!

提前非常感谢!