问题标签 [react-graph-vis]

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 投票
0 回答
419 浏览

reactjs - vis.js html覆盖没有响应

我正在尝试实现 vis.js 网络图表,其中节点具有子元素,每个子元素都可点击(不是整个节点)。尝试了以下选项以达到相同的效果。

  • SVG 中的 HTML

    这不起作用,因为它将被渲染为图像,并且在 SVG 的 HTML 元素中添加的事件不起作用。

  • 参考http://jsbin.com/behagul/1/edit?html,output中的 HTML 覆盖

    在这里,我onclick在元素上添加了事件。并且还在 HTML 叠加层中添加了锚标记。没有任何事件/链接在叠加层中起作用。

这个要求/问题有解决方案吗?

0 投票
1 回答
1425 浏览

javascript - React:如何从 vis.js 边缘的点击事件访问组件功能?

我有一个反应组件,例如:

该图是使用 react-graph-vis 创建的。

我想让 selectEdge 事件来处理:打开这个 edge_id 的对话框。

该事件具有边缘ID,但我如何才能访问函数_openDialog?

我试过这个,但这里代表 Graph 对象,而不是 App。

谢谢


我尝试使用箭头函数将 Graph 更改为此:

但是通过在调试器点停止,“this”没有函数_openDialog。

0 投票
2 回答
489 浏览

javascript - 我们可以更改 react + graph 中节点的颜色吗

我正在使用以下软件包。我有第一个和最后一个节点。我想改变它的背景颜色。

第一个节点有first:truelast:true。我们可以改变他们的背景颜色吗?喜欢红色和绿色 https://www.npmjs.com/package/react-graph-vis

这是我的代码 https://stackblitz.com/edit/react-yvpt5j

0 投票
1 回答
388 浏览

javascript - 如何停止放大和缩小反应?

我正在使用以下软件包

https://www.npmjs.com/package/react-graph-vis

你能告诉我如何停止放大和缩小所有节点吗

https://stackblitz.com/edit/react-c9tnhw?file=index.js

这是我的代码 https://stackblitz.com/edit/react-c9tnhw?file=index.js

0 投票
0 回答
97 浏览

javascript - 为什么使用 react-graph-vis 文本会重叠?

在此处输入图像描述 嗨,你能告诉我为什么使用 react + graph 文本重叠?我正在使用这个包

https://www.npmjs.com/package/react-graph-vis

这是我的代码 https://codesandbox.io/s/gifted-stallman-7h61c

当数据是双向传输时,文本是重叠的?

任何更新 ?

0 投票
1 回答
1011 浏览

javascript - 如何在 react-data-grid 中的行选择中禁用行的复选框

以上是我的 react-data-grid 代码。我想在某些条件下禁用特定行的行选择,或者想禁用该特定行的复选框。

请让我知道如何实现。谢谢

0 投票
1 回答
932 浏览

reactjs - 如何调整或缩小 React Vis.JS 网络图?

晚上好,我的网络图有以下设置:

然后我这样称呼它:

但是当它渲染时,它都被放大了,所以看起来很糟糕。像这样:

在此处输入图像描述

我希望它看起来像这样:

在此处输入图像描述

我怎样才能在 React 上实现这一点?

提前致谢

0 投票
1 回答
73 浏览

javascript - 访问事件触发按钮 onclick 功能

我曾经使用过如下所示的 react-graph-vis 包

当我按下图形元素和事件函数时触发事件道具,如下所示

我想从另一个按钮 onClick 访问事件,我该怎么做,谢谢建议

0 投票
0 回答
75 浏览

javascript - react-graph-vis 访问 x,y 坐标

我想创建一个可以编辑的节点图。所以很明显我需要访问它的 x,y 属性。如何设置初始 x,y 坐标并在更新时访问它们?

我看到的其他库非常简单,只需将坐标添加到节点对象即可。但是它似乎不适用于vis。

0 投票
1 回答
385 浏览

reactjs - react-graph-vis - Grapg 甚至在状态变化时也不会重新渲染

当我尝试更新悬停事件的状态时,实际状态值正在更改,但图形没有重新渲染。

在控制台中,我可以看到节点标签已更改为示例。但图表没有重新渲染。

这是我的基于反应功能的组件。

真的很感激帮助。谢谢 !