render() { return ( <RadialBarChart width={500} height={350} innerRadius={20} outerRadius={140} barSize={10} data={data} style={{ margin: "0 auto" }}> <RadialBar minAngle={15} label background clockWise={true} dataKey='uv' /> <Legend iconSize={10} width={120} height={140} layout='vertical' verticalAlign='middle' wrapperStyle={style} /> </RadialBarChart> ) }
render() { return ( <ResponsiveContainer minWidth={260} minHeight={240}> <RadialBarChart data={datas} innerRadius={20} outerRadius={120} barSize={10}> <RadialBar minAngle={15} label background clockWise={true} dataKey='uv' /> <Legend iconSize={10} width={120} height={140} layout='vertical' verticalAlign='middle' wrapperStyle={style} /> <Tooltip /> </RadialBarChart> </ResponsiveContainer> ) }
const ChartRadialBar = ({ report, dataKeyX, data, height, width, showLabel }) => { return ( <RadialBarChart width={width} height={height + 40}