问题标签 [recharts]

我尝试使用反应图表。我需要像这张带有直线 的图表但我不能画直线。我尝试使用但有问题

对我来说不清楚数组点中的值是什么意思。如果我理解得很好，x 和 y 是 XAxis 和 YAxis 的坐标。这条线画任何东西

我的recharts组件有一个非常简单的数据数组：

我想在我的图例中为系列值添加标签。而不是图表显示“series1”、“series2”和“series3”的不同颜色。

当然，我已经可以在 JSON 中设置我想用于我的图例的实际值，但这看起来不正确。例如：

我需要将我的系列级别映射到描述性标签。

我查看了 Legend中的内容： http ://recharts.org/#/en-US/api/Legend ，但这似乎更关心完全重写 Legend 组件。

我有一些 JSON 包含在一个数组中，其中包含 4474 个对象，如下所示：

我正在尝试以 T 作为 X 轴，Max 作为 Y 轴来绘制折线图。我写了一些代码，如下所示：

当我为 XAxis 组件分配域时，它记录域：Array[4474]而不是[Sat Feb 04 2017 14:16:51 GMT+0100 (Romance Standard Time), Fri May 05 14:16:51 GMT+ 0200（浪漫日光时间）]，它没有为 X 轴设置正确的域。

任何形式的帮助将不胜感激！！！

我目前有一个想要导出为 PNG 文件的 Recharts 组件。

但我不确定图书馆是否直接支持这一点。

我有一个想法，涉及使用画布和 2D 渲染上下文来让我接近解决方案，如MDN上所述

但是，我不确定将 HTML 元素（或 React 组件）呈现为画布以实现此解决方案的通用方法。

我可能把这一切都错了，我将不胜感激！

我正在尝试将焦点设置在 div 元素上，因此我的工具提示模式将可以滚动，而无需将鼠标悬停在该元素上页面溢出。我的想法是在工具提示上设置一个最大高度并允许它可以滚动。

这是我尝试过的。

对于我的 setFocus 函数

我的 onFocus 功能永远不会被触发。

我正在使用recharts，如果data变量在类之外，它可以正常工作。发生的情况是它加载、动画图形并显示“点”坐标。但是，如果data变量在类内部，它不会动画，也不会更新“点”坐标 css。

注意渲染方法中注释掉的数据，如果我取消注释，并注释掉顶部数据变量，它不起作用，但这个当前设置工作得很好。任何修复的想法？我最终想加载this.props.data而不是data一旦修复。

也为了更直观的理解，在这张照片中它是它工作的时候（不能显示动画，但你可以看到“点”坐标正在工作）：

在这里它不起作用：

编辑：我也尝试在 componentWillMount （和 componentDidMount 但后者给出警告）中设置状态：

当我尝试使用内容渲染 Legend 组件时，出现此错误。

warning.js:36 警告：未知道具verticalAlign, layout, align, iconType, iconSize, payload, chartWidth, chartHeight, margin,onBBoxUpdate在标签上。

这是获取多个内容的图例代码，

这就是为什么，它会收到未知道具警告。因此，如何在子组件中删除这些父道具。

我有一个甜甜圈图，我需要在其中添加两个堆叠的标签，我已经完成了。我不知道如何在它们之间添加一点垂直空间。ReCharts 将这两条线都呈现为 SVG 图表位于响应式容器中，因此没有硬编码值。我知道如何在中心获得一个标签，但不知道如何在不为整个图表编写渲染方法的情况下获得两个单独的标签。建议？

我正在使用 recharts 创建饼图。查看此示例时，http: //recharts.org/#/en-US/examples/PieResponsiveContainer 饼图可以使用 ResponsiveContainer 组件居中。

但我的尝试失败了：https ://codesandbox.io/s/ll68p643xl 。尝试将视口的大小更改为更大的宽度，饼图不再居中。我想知道这里有什么问题。

我正在使用Recharts.js为我的网站创建图表。

我有一些用于 X 轴的自定义刻度，但在渲染图表时实际上只显示了其中的几个。

我搜索了文档，但我无法弄清楚是什么控制了显示的刻度数。

这是我的 XAxis 代码：

这是自定义刻度的代码：

它会产生类似这样的结果，其中只显示几个刻度 ：

有谁知道 Recharts.js 中控制渲染刻度数的值是什么？