如何在ScatterChart中添加标签/文本

Question

我从图表中引用示例，要求在图表的左上方，右上方，右下方和左下方添加标签。我设法达到HTML和CSS的要求，但是在检查API时，我可以找到<Text />和<Label />组件。

但是，即使在使用它们之后也不会被渲染。有没有人遇到过类似的事情并且可以提供一些意见？还是如何正确使用它？

如果我使用svg <text />元素，它在图表中的显示也最少

我正在使用简单的scatter chart example

const SimpleScatterChart = React.createClass({
    render () {
    return (
        <ScatterChart width={400} height={400} margin={{top: 20, right: 20, bottom: 20, left: 20}}>
        <CartesianGrid />
        <XAxis dataKey={'x'} type="number" name='stature' unit='cm'/>
        <YAxis dataKey={'y'} type="number" name='weight' unit='kg'/>
        <Scatter name='A school' data={data} fill='#8884d8'/>
        <Tooltip cursor={{strokeDasharray: '3 3'}}/>
        <Text>Text Component</Text>
        <Label value={'Label Component'} />
      </ScatterChart>
    );
  }
})