import React from 'react'
import {VictoryPie, VictoryTheme, VictoryLabel} from 'victory'
const mydata = [
{ x: "A", y: 25 },
{ x: "B", y: 15 },
{ x: "C", y: 20 },
{ x: "D", y: 10 },
{ x: "E", y: 18 },
{ x: "F", y: 12 }
]
class PieChart extends React.Component
{
constructor(){
super()
this.state = {mydata:[{ y: 0 }, { y: 0 }, { y:0 },{y:0},{y:0},{y:100}]}
}
componentDidMount()
{
this.setState({mydata:mydata})
}
render()
{
return(
<div>
<h1></h1>
<VictoryPie
data = {this.state.mydata}
colorScale="qualitative"
// style={{ labels: { fontSize: 5, fill: "black" } }}
// width={150} height={150}
animate
radius = "50"
// cornerRadius="10"
// innerRadius="30"
// theme = {VictoryTheme.material}
/>
</div>
)
}
}
export default PieChart
Я делаю это, где я иду не так ??? Визуализированный график P ie выполняется снова. Где взять пример, чтобы начать работать над этим, так как я искал net, но не нашел чего-то стоящего.