问题标签 [react-d3]

我在 bundle.js 文件中收到重复出现的类型错误。

"Cannot read property 'map' of undefined" in bundle.js for BarChart 一个对象未​​定义并试图映射到一个数组，但我不确定这是从哪里来的，因为失败是在一个缩小的脚本中（在 bundle.js 中）。我没有尝试映射任何东西，并且数据参数已请求一个数组。此条形图代码直接来自 github 上的示例（见下文）。 我做错了什么，还是这是一个问题？

带有示例条形图的回购

我的代码：

当我运行命令时

它在终端上显示以下警告，如附图所示。未满足的对等依赖 react@0.14.7。

我的 package.json 文件包含以下依赖项

我如何解决这种未满足的对等依赖关系

我正在尝试添加如下所示的数据：

我需要使用 createdAt 字段作为 x 轴（每一天相加），所有这些字段的总和作为 y 轴。

有没有办法通过 react d3 做到这一点，还是我需要自己每天加起来？

现在我自己添加它，因为图表上没有显示任何数据。

这是我正在使用的图表系列和 x 函数：

这就是我显示图表的方式：

我正在尝试制作一个动态饼图，其中当滑块移动时，动态饼图的值也会发生变化，我已经制作了组件并渲染了它们，但是我无法引入 setState，因为两个组件都没有通信，该怎么做，请建议，这是我的代码：

如何使用 D3 转换并显示来自不同单位的正确信息

例如

所有数据都在mm..

所以，问题是，我怎样才能创建一个规模来理解sample3应该在 4 之后和 5 之前的同一位置。

考虑

1. 10000，它只是一个样本，可以是 102301 或任何值
2. 如果可能的话，我想使用 D3 比例来进行这种转换

试图

使用 react-d3 运行简单测试时出现错误

Error: <path> attribute d: Expected number, "MNaN,0Z".

我最好的猜测是在处理我的 x 轴时会出现问题，但我不知道为什么。我从调试中知道，当x和y被解析时，它们被正确地解析为Date对象和-127分别。但是在构建实际 svg 的某个地方，它收到的 x 或 y 的值，不确定是 MNaN，0Z

我已经执行了在react-d3中获取图表的分步说明：

http://www.reactd3.org/get_start/

我将此添加到我的代码中，但我什么也没看到。

但是，如果我检查的话，我确实会看到一个SVG标签，里面有一些东西。

是否有一些元素被展平，或者您是否需要设置一些东西以在浏览器中显示 SVG？

我的确切代码如下所示：

我想我正确地遵循了一切，所以我不确定我做错了什么。

更新 ：

如果我在图表元素上方动态添加另一个 SVG 元素，例如圆形：

然后圆圈出现，SVG 元素的添加神奇地启动了图表的渲染过程。

很困惑为什么会发生这种情况:(

我是新来的反应。通过我的研究，我发现 React-D3-component 可以满足我的目的。

我正在寻找具有工具提示和可缩放功能的多系列折线图的示例。基本折线图也可以为我的第一步提供这个技巧。

我有一个 create-react-app，样板准备就绪。我需要把这个图放到一个 create-react-app 项目中。

请指导我通过一个示例，逐步解释如何实现这种图。

我正在尝试使用 React redux 渲染基本的 d3 图表。我从减速器中得到一个值，但是当我遍历数据时，我收到错误消息：

当我签入控制台时，数据即将到来并且它是一个数组类型。请让我知道为什么我会收到该错误。以下是各个页面的代码：

行动：

减速器

容器

我正在尝试制作我使用的一些数据的直方图react-d3-components。我的代码是这样的

使用上面的代码，我得到了这个错误

我指的文档是这个

c 中 data 的值onsole.log(me.state.data)是这个 [{…}]