重新图表标签位置中心不适用于 RadialBarChart

问题描述

https://jsfiddle.net/r7y5cqdw/2/

我想在径向条形图的中心打印一个标签，但这不起作用，唯一有效的位置是“insideStart”。

const {RadialBarChart,RadialBar,Legend} = Recharts;

const data = [
      {name: '18-24',uv: 59,pv: 2400,fill: '#ff0000'},];
    
  const style = {
    top: 0,left: 350,lineHeight: '24px'
  };

const SimpleRadialBarChart = React.createClass({
    render () {
    return (
        <RadialBarChart width={500} height={300} cx={100} cy={100} innerRadius={50} outerRadius={200} barSize={30} data={data}>
        <RadialBar  minAngle={15} label={ {position: 'center',fill: '#000'}} background={{fill: '#ccc' }} clockwise={false} dataKey='uv' >
        
        </RadialBar>
        </RadialBarChart>
    );
  }
})

ReactDOM.render(
  <SimpleRadialBarChart />,document.getElementById('container')
);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）