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

javascript - 指定 infoVis JIT 图中节点之间的最小距离

有什么方法可以指定力有向图中的节点/边之间的最小距离?

我有一些图表,其中一个节点直接连接到数百个其他节点,在这种情况下,很难选择特定的边或节点,因为边和节点非常接近以至于 onMouseEnter , onClick 等事件不会被触发用户期望它是。

例如,如果 nodeA 和 nodeB 非常接近,当我将鼠标悬停在 nodeA 上并希望它突出显示时,会突出显示 nodeB,因为为 nodeB 触发了事件。当它们彼此太靠近时,边缘的情况也是如此。基本上,用户很难知道究竟是哪个节点/边缘被悬停或选择。

我知道我们可以指定边长。这可以在一定程度上解决这个问题,但是当你有数百个节点和边时它就无济于事了。而且我不能将边缘长度设置为超过画布的高度。

如果我们可以指定节点/边之间的最小距离,那将非常有用。

有谁知道怎么做?

0 投票
1 回答
463 浏览

javascript - 如何更改注入目标以在 jit infovis 工具包中创建树图?

我需要在一个网页中创建 2 个方形树图。我使用 jit infovis 工具包来帮助创建这个树形图。是否可以创建不使用 id 为“infovis”的 div 的树形图?例如,当我将 div 的 id 更改为“test”之类的其他内容时,它会导致错误树形图不起作用。我还已经更改了用于创建 treemap 的 jit javascript 函数中的“注入”属性。请帮忙

0 投票
1 回答
523 浏览

javascript - JavaScript InfoVis:隐藏缺失节点的边缘

我正在使用InfoVis 工具包中的这个 RGraph 示例来绘制我的节点。这是我的节点在 JSON 中的样子:

问题是missingChildId指的是一个不存在的节点。目前,InfoVis 从parent节点绘制一条边到它标记为“missingChildId”的节点。

我不想画这条边。

同样,该函数node.eachAdjacency给出了图中不存在的节点。是否有某种过滤器可以对那些缺失的节点进行排序?

谢谢你。

0 投票
3 回答
861 浏览

javascript - 将 onRightClick 添加到 JavaScript lib Hypertree

我目前正在一个 Hypertree 图上工作(这里有一个 repo ),我想从JavaScript InfoVis Toolkit中使用它。问题如下:我在Hypertree中添加了特定的事件,即onClickonRightClick

然后我简单地将 veent 处理程序附加到 Hypertree 标签上,只需稍微修改演示代码:

这很简单。Hypertree 事件的文档位于Options.Events.js中。现在我加载页面......我有left.clicks。但是没有右键单击...我希望 RightClicks 移动图形,并希望 onClicks 从 DOM Element 节点打开一个链接。有人可以在这里给我指点吗?

最好的,马吕斯

0 投票
1 回答
1097 浏览

infovis - 在 infovis 中将普通线更改为箭头线

如何在 infovis 中将普通线更改为箭头线?

目前块之间有一些线,我找到了一些 css 文件,但我找不到描述线行为的内容,以便我可以将普通线更改为箭头线。

谢谢。

0 投票
1 回答
1274 浏览

javascript - Javascript Infovis Toolkit 的 Spacetree 示例无法在本地运行

尝试基于InfoVis工具包制作自定义树动画,特别是想自定义Spacetree Tree动画示例。由于这个原因,将样本保存到本地计算机,但是打开本地样本不能正常工作,即结果与网络版本不完全相同。首先,节点没有着色,其次,onClick事件没有响应。我检查了 html 文件的本地和 Web 版本,一切都相同,所有 js 和 css 文件都被正确调用和访问。有人有类似的问题吗?如果有请分享解决方案。提前致谢。

截图:

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
1406 浏览

javascript - Infovis JIT:将点击侦听器添加到边缘

我正在尝试在旭日形图的边缘捕获点击事件。我已经捕获了节点上的点击事件。这就是我正在尝试的:

但这仅捕获节点点击。怎么了?先感谢您。

0 投票
2 回答
711 浏览

javascript - Infovis:标签在部分节点上消失

如果节点部分显示在画布上,则最左侧节点上的标签会消失。我该如何解决这个问题?

谢谢

0 投票
1 回答
264 浏览

javascript - 如何在 JavaScript InfoVis Toolkit 中更改 HyperTree 中的箭头方向

我有以下用于 HyperTree 的 json

将线型更改为箭头后,有一个箭头指向 AAA -> BBB。但我希望箭头方向来自 BBB -> AAA。

您对如何实施它有任何想法吗?

0 投票
1 回答
479 浏览

javascript - 如何在 Hypertree 中添加边的点击事件

请参阅此链接中的 HyperTree

如何添加事件来处理边缘的点击事件?

谢谢。