问题标签 [recharts]

我有一个StackedAreaChart，在我在图表上显示区域之后，我想添加一个自定义点。

目前我的代码看起来像这样，但我想画一个点依赖XAxis和YAxis数据。是否存在任何传递x和y坐标到CustomizedDot类的方法？

当前代码的结果

潜入在 React 中使用 Recharts，我觉得我快疯了！所有教程和示例代码折线图都有这个漂亮整洁的动画，感觉就像从右到左画线一样。但是，我已经设置好了，由于某种原因，动画使我的折线图上的线条从右侧浮动。我有以下行为的 gif：

我摆弄了动画选项（缓动、缓入、ETC）、持续时间、启用或禁用动画、ETC。无论我做什么，它总是从右侧飘进来。

有一种方法可以使图表正确绘制 - 如果我将它放在高度为 0 的 div 中，然后手动将高度更改为 600px，那么动画将以预期的方式播放，否则我会得到奇怪的浮动右侧线。

如上所述，这是一个反应应用程序，我的折线图的渲染代码包含在下面。

}

想知道是否有其他人遇到过这个问题或可以提供任何指导。

我有这张来自 recharts 的图表，它在工具提示中有一个很长的数字：

如果我将此属性传递到图表中，它会很好地格式化数字

<Tooltip formatter={maskString} />

我正在使用“react-number-format”中的这个函数和 NumberFormat；

输出正是我所需要的：

但在格式化数字之前，我需要将它除以 12...

我怎样才能做到这一点？

我有一些看起来像这样的数据：

[{ a: 15, b: 30, c: 25, d: 12 }, { a: 15, c: 25, d: 12 }]

我想渲染一个条形图，如果 b 未定义，则跳过 a 和 c 之间的空格，但如果 b 已定义，仍将渲染 b。

基本上就像这张图片中的两个条形图组，其中橙色条被跳过，因为它没有数据

使用 recharts 网站上的示例条形图，我想将标签上的数字显示为 %。https://jsfiddle.net/gearoid/7e717fa8/1/

];

当我尝试将 % 添加到数组时，它会显示在标签中，但不会显示栏。常量数据= [{名称：“18-24”，观众：35.18 +“％”}];`

关于如何实现这一目标的任何想法？

谢谢！

无法弄清楚如何使用http://recharts.org/设置 Y 轴的范围

希望 Y 轴在其范围内显示 100 而不是当前的 60。

在这种特定情况下不需要相信代码示例或填充目的

我有一个功能，其中数据以随机顺序出现，而不是在一个块中。这是我的数组：

以及下面的图表代码

问题是，我在图表上的最高访问者价值低于第一个。（提醒：他比第一个大5倍）。

我的代码里面有问题吗？或者这是一个recharts的问题？

我在这里是因为我正在尝试使用 recharts 库构建图表，经过多次不同的尝试以获得所需的结果，我仍然没有得到它。

我的目标图形应与此类似：

我尝试了许多不同的东西，如条形图、堆叠条形图、组合图表、误差线等，但我无法得到我想要的结果。

到目前为止，我得到的最接近的结果是：

但是在我尝试将黑色条对齐橙色条顶部的那一刻（使用 stackId 道具）我得到了这个：

有人知道我能不能用这个库得到我想要的图形？任何帮助，将不胜感激。

第二个图形的代码是这样的：

第三个图形的代码是相同的，但我将道具 stackId="0" 添加到两个栏。

提前感谢任何可以帮助我的人。

我有以下代码：

我正在尝试根据图例占用的高度或行数来更改图表的 cy 位置。目前图表与图例重叠，我需要根据一个比率来绘制，而不是一个硬百分比数字。

我正在创建一个StackBarChart使用Recharts库的示例，但是当它的位置设置为时我无法看到标签，"right"尽管我能够显示其他标签位置。

这是Jsfiddle（更新）。