问题标签 [react-d3]

我想将https://github.com/codesuki/react-d3-components 上的图表与使用 create-react-app 创建的反应应用程序一起使用。如何集成代码？

利用：

要在以下位置生成图表：

我是 React 的新手，我有一个项目，在将 D3 安装到我的项目并创建此类后，我将使用它来创建我的图表：

但结果我得到了这样的错误：

我知道在 React 15.5 版之后，您必须从 prop-types 导入 PropTypes，如下所示：

或者

现在我的问题是我在哪里导入它，因为所有 D3 文件都使用导致问题的旧 PropType 并且 D3 库中有很多文件我无法在每个文件中导入新文件。

这是我的 package.json 文件：

我尝试使用 react withreact-d3但我一直收到错误，第一次我有使用react v16但它请求React v0.14.9。
所以现在我可以在错误出现之前看到图表。
我已经使用了 react d3中的这个教程。

在那里设置后出现错误：

听起来我有一张桌子但没有，App.js 看起来像：

没有理由出现该错误，因为 Chart 没有表格形式。

我尝试在它之前使用 react16 但没有成功，很多错误......

编辑：现在我们使用d3.js代替react-d3并且它可以工作，但如果有人有这个问题来解决它，那就更好了。

在 reactd3 中，当我尝试导入时出现此错误：

我如何解决它？

我已经使用 react-3d-graph 创建了一个网络地形图，并且我正在尝试访问图本身之外的 react-3d-graph 原生函数。例如，我有一个按钮，它需要利用突出显示行为来突出显示单个节点及其相关节点/链接。有没有办法做到这一点？这是图表的代码：

这是 Graph 组件。

我试图访问的功能是“nodeHighlightBehavior”。有没有办法做到这一点？

我已经搜索了其他答案，这个最接近我正在处理的问题。

但我的问题仍然存在。我无法访问合成事件的属性。喜欢shiftKey

在某些情况下，我使用的是与 react-d3-tree 库一起打包的 onClick 处理程序

我以为只是这个库引起了问题。但是在单击处理程序中，我可以将事件打印到控制台，并且可以看到shiftKey参数已按预期设置。但是每次我尝试访问时event.shiftKey都会收到错误消息：

index.js:1452 警告：出于性能原因，此合成事件被重用。如果您看到这一点，则表示您正在访问已发布/无效合成事件的属性 `shiftKey`。这设置为空。如果您必须保留原始合成事件，请使用 event.persist()。

请参阅我的代码示例。

更新：回购以复制问题https://github.com/mwilde345/reactBrokenClick

我正在尝试使用 react-d3-components 构建条形图，但是在这里我也想在负 x 轴上显示值，任何人都可以建议我该怎么做，

使用模块是： https ://www.npmjs.com/package/react-d3-components

这是我的代码：

像这样向这个栏传递数据。

我希望图表是这样的

任何人都可以给我建议如何构建这些类型的图表任何帮助非常感谢。

我不太擅长数据可视化。我想创建一个用户可以缩放的 Sunburst。我在朋友的帮助下完成了缩放，但我无法从数据中添加文本。这是我的可缩放森伯斯特代码。

目前，此可视化不显示来自 的数据的名称data.js。我想显示它并添加一个工具提示。我怎样才能做到这一点？

我正在创建一个天气应用程序，我在其中使用 OpenWeatherMap 来获取预报数据。我想在面积图中绘制类似于谷歌天气小部件的数据。

我找不到 D# 的太多文档，我找到了 react-d3-componetns npm 包。文档显示使用 ReactDOM.render

以下消费方式不起作用

下面是codeandbox链接

https://codesandbox.io/s/weather-report-rgu7y-regtl

您能否建议正确的食用方法或参考任何示例？

我正在关注这个站点以获取 React 的 d3 条形图。

请帮帮我。