Как оживить VictoryP ie в победе js? - PullRequest
0 голосов
/ 24 марта 2020
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, но не нашел чего-то стоящего.

...