React Recharts 的自定义标签不适用于条形图。
http://jsfiddle.net/xpko4e7e/ http://jsfiddle.net/xpko4e7e/
<Bar dataKey="pv" fill="#8884d8" label={<CustomLabel/>} />
预计会在所有栏上看到“标签”文本。
Update
例如,如果我有一个图表,其中有多条线,并且每条线都有一些label但在渲染时,某些值高于另一个值。如何克服这个问题?
图像预览 https://i.stack.imgur.com/FOB3L.png
尝试返回文本 SVG 元素,而不是返回 div
const CustomizedLabel = React.createClass({
render () {
const {x, y, stroke, value} = this.props;
return <text x={x} y={y} dy={-4} fill={stroke} fontSize={10} textAnchor="middle">{value}</text>
}
});
然后添加
<Bar dataKey="pv" fill="#8884d8" label={customLabel} />
就像我在这里所做的那样,http://jsfiddle.net/CharukaK/6u08o2oa/1/ http://jsfiddle.net/CharukaK/6u08o2oa/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)