问题标签 [recharts]

所以我有两个组件（index.js和Stats.js）。在统计信息中，我有一个来自 Recharts 的饼图，数据数组位于该文件中。data 中的'Value'对象只是一个任意数字，但我想从index.js. 在里面index.js我有三个对象：proteins, fats, carbs具有状态值。我想获取这些值并将它们放入数据数组中。

这就是代码的样子并且运行时没有错误：index.js

统计.js

我尝试在数组Stats.js下执行此data02操作以获取 carbsG fatsG 和 proteinG 的状态，但无法获得值

我在用户希望看到以不同比例绘制的相同数据的设置中使用 Recharts。特别是，我需要能够将轴域最大值设置为低于最大数据值（dataMax）；例如，我想设置domain={[0,10]}什么时候dataMax是 20。我还没有在 Recharts 中找到这样做的方法；每当我设置的域最大值低于dataMax时，我的绘图就会被绘制，以便域dataMax无论如何都会上升。有没有办法做到这一点？

抱歉，我没有显示整个代码，但它是我公司私有的。这是一张图片。打开链接你就会明白我的意思。（我不明白 Stackoverflow 不允许短问题的原因）

图例（日期）与图表中的标签相交

请参阅 Codepen：Rechart 系列数据图表

有关导致我的 XAxis 上出现重复键的事件（实验室、笔记等），请参阅该系列。我希望 Note 和 Lab 事件在同一日期显示。此外，事件应与事件 yAxis 水平对齐。虽然它们大致对齐，但数据点离我认为的交叉点太远了。

屏幕截图显示所需位置

Codepen.io 代码：

我正在为 PieCharts 使用recharts库。

能够移除填充角但想要移除单元分隔符（paddingAngle={0}白色）。

代码：

当前看起来像：

想这样实现：

如何做到这一点？

谢谢

我想创建一个带有圆形条的条形图，看起来像这样，但条形相反

但是在XAxis组件上加上reverse prop之后，就变成了这样

这是我从 Recharts 中的一个示例中所做的代码

更新- 我尝试删除reversed道具并添加带有负值的数据，以查看是否会发生相同的倒置条并且结果相同。因此，当值为负数且条形处于垂直布局时，圆角似乎恰好会以这种方式起作用。有谁知道发生了什么。

更新- 似乎这是 Recharts 方面的错误，并已在较新版本中修复

我正在使用 React Recharts 进行可视化，但是，我在显示具有不同相应对象内容的简单条形图时遇到了挑战。

我有这个示例 json 对象，我想将月份作为我的 XAxis 和商品的移动作为我的 YAxs。理想情况下，下图表示我希望如何显示我的数据。谢谢您的帮助，。

我想在组合图表上绘制数据点，由条形图和线形图组成，每个都有自己的数据集。

例如，我希望每个 Bar 从 中获取值data.points，但 Lines 从对象数组中获取值data.content。

这两个数据集存在差异，尽管它们都是时间序列。

数据形状示例：

我是否能够为每个图表组件单独使用这些数据集，或者我是否必须遍历数据并以某种方式对其进行标准化？

我的实例代码也可供参考ComposedChart。

我正在使用双轴折线图，并且试图弄清楚如何使用格式化程序功能格式化工具提示的内容。

我想要的是让我的输出读取：

我目前正在使用以下代码将价格格式化为价格，但它不会改变销售排名值。我也不确定如何更改标签？

利用 Tooltip 和 activeIndex 的饼图无法正常工作。除非您重新输入同一扇区，否则工具提示不会显示。当您不在同一个扇区时，它会显示警告：失败的道具类型：activeIndex提供给的道具无效Pie。

默认活动索引总是这样设置的，所以当你不在同一个扇区时，饼图工具提示就会显示出来。