问题标签 [react-d3]

我使用了反应简单的地图，并想添加一个自定义缩放控件以根据按钮单击更改缩放级别。

不幸的是，当我尝试更改缩放时，最终出现以下错误 -

基本上，缩放不适用于 1 以外的任何值。

我正在尝试复制在 React with Hooks 中看到的量规。这是我第一次使用 D3.js，尽管我设法复制了仪表本身，但行为有点奇怪（指针的转换不起作用）而且我不完全理解 useEffect 和 D3 之间的动态。基本上我想添加两个针，它们每个都会接收不同的值，并在它们的值发生变化时使用转换。

Angle1 和 angle2 是通过 useState 钩子更新的，但是转换不起作用并且使针看起来有问题。如果没有过渡，它可以正常工作，但是针的运动看起来很粗糙。我不确定问题是否出在我整合 d3 部分的方式上，或者是否所有重新渲染（因为我正在并行更改两个值）影响钩子的性能，也许我应该以不同的方式更新角度方法。感谢您的时间！

出于某种原因，此包中的默认行为是允许用户随意移动树木。

如何禁用可抓取性？

我也会接受一个答案，该答案建议使用不同的树形图包，它看起来不错，并且不允许用户在屏幕上拖动它。

该软件包托管在：

https://github.com/bkrem/react-d3-tree

这是 CodeSandBox 中的一个示例：

https://codesandbox.io/s/yq86mj80zx?file=/src/index.js

我正在尝试将 D3 与 React 一起使用。react-d3-library 虽然很旧，但效果很好。但是有一个问题：缩放功能的工作方式很奇怪......

我正在集成这样的组件：

在 App.js 中：

放大 D3 非常标准：

这是一个现场演示

我期待缩放能够像这样工作

PS（我已经精简了我的代码版本，我还使用从/向 d3.js 组件获取和发送数据）

我最近更新到版本2.0.1，我正在努力为单个节点设置图像而不是 svg 圆圈。在旧版本中，我使用了nodeSvgShape属性：

但是在当前版本中，这没有任何作用。有什么办法可以在当前版本中实现这一点？

先感谢您

我正在关注这个 react-diagraph 教程https://www.npmjs.com/package/react-digraph1在节点内，我添加了一个属性 { "status:"options } 并且选项是“已完成或正在进行中”。我想让它根据每个节点的状态以不同的颜色渲染节点。因此，状态为已完成的节点 1 将呈现一个绿色节点，而状态为进行中的节点 2 将在图表上呈现一个蓝色节点。

我不知道如何做到这一点。我很感激这方面的任何帮助。谢谢你。

我正在尝试使我的 D3 图表可拖动，但是当我拖动应用程序时崩溃了。

使用 d3-3d 使其拖动。

错误：

编码：

向组件添加图表：<RD3Component data={this.state.d3} />

我想这些问题涉及到React，因为我正在传输纯JS代码，所以效果很好。

也许有人面临上述问题？

版本：

• D3 4.0.0
• 反应 16
• React-D3-库 1.1.8

我正在尝试让使用 d3 sunburst 图表的反应组件工作。我面临的问题是我需要一种方法来更新 sunburst 组件的缩放级别，作为来自外部组件的触发器。我通过道具将要缩放的节点发送到 sunburst 组件，并且每次有不同组件的外部输入时都会改变。

这是我到目前为止的伪代码，但是每个道具都会发生变化。

很多代码库代码来自这里： http ://bl.ocks.org/metmajer/5480307

现在每次更新 prop 时，都会重新渲染整个组件。当 props.navigateTo 在外部更改时，我如何使其仅更新现有的 svg 容器。

我试图弄清楚如何绑定缩放按钮以响应 d3 树，但是我还没有找到一种在保持位置不变的情况下有效的方法。

每次我更新 zoomLevel 时位置都会重置，这意味着如果我平移某个地方并调整 zoomLevel，它会跳到树的中间。

我想要这样的东西https://jsfiddle.net/vbabenko/jcsqqu6j/9/

我想创建一个树，允许用户通过单击用户想要将子节点添加到/删除他们单击的节点的节点来添加/删除节点。我正在使用 react-expendable-treeview 包，因为我喜欢它的视觉效果。Javascript 功能可以在 src/lib/components/ 下找到

github repo 可以在这里找到：https ://github.com/fosco/react-expandable-treeview ，树看起来像这样：https ://imgur.com/7Y5xcIj

传递到 TreeView 组件的数据是在 javascript 文件中预定义的，如下所示：

我想知道如何设置它，以便能够添加/删除孩子。我知道还有许多其他反应树包，例如 react-d3-tree。但是，我在视觉上喜欢这个外观。如果有人知道我如何修改这个包或将 react-d3-tree 或其他包的主题更改为这样，请告诉我。