问题标签 [react-vis-network]

我目前正在根据我的组件状态映射网络组件内的节点和边。当我的组件加载时，画布似乎正在正确渲染网络，但是一旦我更改状态，一些旧节点就会被保留，当我的状态恢复到其原始设置时，无法添加项目，因为 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 的错误消息。

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

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

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

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

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

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

类应用扩展组件{

}

导出默认应用程序；

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

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

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

：

我的 React 组件代码如下：

我必须使用 vis js 网络将标签与节点内的一个字母（数字）对齐。正如文档所说，选项内部有font.align属性node，默认情况下它设置为center. 标签中有多个字母时看起来不错：

但是，对于一个字母，标签看起来像左对齐：

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

我的完整代码（我正在使用 react-graph-vis 1.0.5 版）：

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

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

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

鉴于以下情况：

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

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

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

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

我的代码：

我提前谢谢你。

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

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

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

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

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

这是伪代码。

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