Back to Gallery
VictoryPie with Center Label
xxxxxxxxxx
class App extends React.Component {
render() {
return (
<svg viewBox="0 0 400 400">
<VictoryPie
standalone={false}
width={400} height={400}
data={[
{ x: 1, y: 120 }, { x: 2, y: 150 }, { x: 3, y: 75 }
]}
innerRadius={68} labelRadius={100}
style={{ labels: { fontSize: 20, fill: "white" } }}
/>
<VictoryLabel
textAnchor="middle"
style={{ fontSize: 20 }}
x={200} y={200}
text="Pie!"
/>
</svg>
);
}
}
ReactDOM.render(<App/>, mountNode);