我正在尝试在ReferenceLine的右侧添加一个带有圆形边框的自定义标签，如此处https://imgur.com/a/svCsNVZ所示，正如您可以在此处http://recharts.org/en-US/api/ReferenceLine#label的文档中说的那样。
我们遇到的问题是，无论何时尝试在此处targetSystem().desc传递组件，无论我尝试什么，都不会渲染任何东西。
我找不到任何在参考线标签上专门完成此操作的示例，但是设法使组件传递功能适用于数据点，所以我不确定这里哪里出错了
当前，我们可以使用对象来自定义标签，但是在不传递任何内容的情况下呈现
。0:049> !py
Python 2.7.10 (default, May 23 2015, 09:40:32) [MSC v.1500 32 bit (Intel)] on win32
Type "help", "copyright", "credits" or "license" for more information.
(InteractiveConsole)
>>> print targetSystem().desc
User mini dump: C:\Temp_Folder\CRASH.DMP
我们要将其转换为
<ReferenceLine {...props} label={<CustomizedLabel />} />其中LimitLabel具有上面的属性，但具有圆形边框。
控制台上没有错误消息出现，并且DOM中应有的组件也没有出现。
这是一个使用我们当前实现的jsfiddle，没有自定义组件，如果这有助于说明 https://jsfiddle.net/rbyztucn/1/
答案 0 :(得分：1)
关于图表的文档确实仅限于此，但是根据我的实验以及@rebecca关于使用SVG元素的想法，我意识到这些ReferenceLine组件上的label属性需要一个SVG元素，而不是React DOM元素。 / p>
当我发现有关放置这些元素的更多信息时，我将更新此评论；我有一种感觉，我可以使用Recharts内置的定位工具来简化这个过程。
一个不错的副作用是，您也可以轻松地将SVG图标传递给这些标签。