问题标签 [react-vis-network]

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 回答
1872 浏览

reactjs - 尝试在状态更改时重新呈现网络画布时重复节点 ID

我目前正在根据我的组件状态映射网络组件内的节点和边。当我的组件加载时,画布似乎正在正确渲染网络,但是一旦我更改状态,一些旧节点就会被保留,当我的状态恢复到其原始设置时,无法添加项目,因为 id 的已经存在

错误:无法添加项目:在 o._addItem (vis-network.min.js:4175) 的 o.add (vis-network.min.js:3889) 的 t.value (Node.js :147) 在 Fs (react-dom.production.min.js:5351) 在 Is (react-dom.production.min.js:5099) 在 Ps (react-dom.production.min.js:5066) 在 Ts (react-dom.production.min.js:5001) 在 ts (react-dom.production.min.js:4927) 在 Object.enqueueSetState (react-dom.production.min.js:2891) 在 tCsetState (react.生产.min.js:72)

在 componentDidMount 上,我有一个事件监听器,一旦我的边和节点映射完成,我就会触发一个获取和解析结果的方法(最终创建节点和边),我将状态设置为更新节点和边的“新状态” ,在渲染器中,我有两个变量,一个用于节点,另一个用于边缘。

渲染器

我原以为画布会重新渲染自己并清除过去的节点和边缘,但是,情况似乎并非如此,这可以解释带有重复 ID 的错误消息。

所以,要么这是图书馆的问题,要么是我在我的方法中没有正确地做某事。有人会根据提供的详细信息知道以上哪一项吗?

0 投票
1 回答
1076 浏览

r - 闪亮的 Visnetwork 互动和活动

我正在尝试为网络可视化创建交互式图例的效果。理想情况下,我希望用户能够单击图例节点,它会在更大的网络图中突出显示/聚焦。

我有一个类似的网络图表,我已经能够使用 selectInput 下拉菜单使用类似下面的代码片段来执行突出显示/聚焦操作,但我不知道如何从另一个网络与 selectInput 传递值。

我的想法是创建两个网络图表(一个小的用作图例)和一个更大的整体网络。然后我可以在更大的图表中单击该组的图例和归零。下面是创建第一部分的示例数据(图例图和网络图)......我不确定如何传递点击事件和相应的组。

0 投票
1 回答
913 浏览

reactjs - 当两个线标记系列在 react-vis 中重叠时不会触发鼠标悬停

在我的应用程序中,我使用 react-vis 来显示两个线标记系列。当鼠标悬停在标记上时,会显示一个提示。在某些情况下,不会触发鼠标悬停。我已经给出了下面的代码。

从'react'导入反应,{组件};从“react-vis”导入 {XAxis, FlexibleWidthXYPlot, YAxis, LineMarkSeries, Hint };导入'./App.css';

类应用扩展组件{

}

导出默认应用程序;

在此图像中,X 轴值 28 鼠标悬停适用于蓝线,但红线不起作用

0 投票
1 回答
465 浏览

reactjs - 来自 react-vis 的树形图未按预期显示

我正在尝试使用renderMode: 'DOM', for mode: 'circlePack',它应该显示以下图像,它仅在我将 renderMode 设置为“SVG”时才有效: 在此处输入图像描述

当我将 renderMode 设置为“DOM”时,我得到以下信息,

  1. onLeafClickonLeafMouseOver并且onLeafMouseOut不能在 renderMode 设置为 'SVG' 上工作,我需要它们来执行一些操作

在此处输入图像描述

我的 React 组件代码如下:

0 投票
1 回答
789 浏览

javascript - Vis js网络 - 将标签与节点中的一个字母对齐

我必须使用 vis js 网络将标签与节点内的一个字母(数字)对齐。正如文档所说,选项内部有font.align属性node,默认情况下它设置为center. 标签中有多个字母时看起来不错:在此处输入图像描述

但是,对于一个字母,标签看起来像左对齐: 在此处输入图像描述

这是一个错误还是我做错了什么?如果它是一个错误,我该如何解决它?

我的完整代码(我正在使用 react-graph-vis 1.0.5 版):

0 投票
0 回答
28 浏览

reactjs - 如何在反应中的代码中分配动态值

我正在使用 react-vis-network 创建图表。下面是使用 react-vis-network 的语法。

我想为“id”和“label”分配动态值。我在下面也试过 {n.name} 没有代码(“)。这两个选项都不起作用。

有人可以建议我如何将代码中的动态值传递给变量 id 和 label

0 投票
0 回答
40 浏览

visnetwork - 新节点总是出现在中心

鉴于以下情况:

我的问题是,添加新节点时,它总是出现在中心。我想要的是新节点首先出现在我单击的节点附近,因为我想将该新节点连接到我选择的节点。但是当新节点出现时,我不希望它停留在那个位置,因为我希望它调整,因为我启用了物理,新节点应该调整它与所选节点的距离。

0 投票
0 回答
42 浏览

react-native - 如何修复错误:当我在 android 中运行 react vis network 时找不到变量文档?

我知道存在这样的其他问题,但我没有发现任何与 react-vis-network 相关的问题,我找到的答案都没有解决我的问题。

我正在尝试在android中使用react vis network,但是当我运行我的错误时,我收到错误消息“在评估react-vis-network时找不到变量文档”。

我怎样才能解决这个问题?

我的代码:

我提前谢谢你。

0 投票
0 回答
26 浏览

javascript - 如果 React 中当前节点的数据不存在,则显示上一个节点的图表

我目前正在实现一个具有不同节点的图表网络图表)。

最初呈现页面时,会进行 API 调用,以显示具有不同节点的网络图。用户可以双击Node ,它将为选定的 Node呈现一个新图表。用户可以继续点击节点(parent -> child1 -> child2 -> child3)。这工作正常。

在某些情况下,当用户双击一个节点时,我们没有来自 API 的数据。在这种情况下,我们需要显示错误弹出窗口,还需要使用前一个节点(父节点)重新加载图表。

这是网络图的示例,看起来像https://visjs.github.io/vis-network/examples/network/basicUsage.html

当 API 调用没有数据时,我很难加载以前的节点数据。

这是伪代码。

0 投票
0 回答
2 浏览

visnetwork - 如何改变vis的图形样式,比如我想把圆改成云图标

https://stackoverflow.com 如何更改 vis 网络中的图形样式?比如我想把圆变成云