React js и диаграмма js p ie тип диаграммы

Question

Всем привет, мне нужно получить динамик c диаграмма js p ie тип,

это запрос на получение данных:

 async componentDidMount(){
    axios.get("http://localhost:8080/requete/tab1")
    .then(response => response.data)
    .then((data) =>{
      this.setState({dataL : data})

})

}

это код со stati c data:

 const options = {
        animationEnabled: true,
        exportEnabled: true,
        theme: "light1", 
        title:{
          text: "Trip Expenses"
        },
        data: [{
          type: "pie",
          indexLabel: "{label}: {y}%",      
          startAngle: -90,
          dataPoints: [
            
            

            

            
            { y: 5, label: "Lost" },
            { y: 24, label: "Won" },
           
           ]
        }]
      }

пожалуйста, что мне делать, чтобы получить значение Dynami c на моей диаграмме

Answer 1

Вы должны создать новый компонент с диаграммой. js p ie и также определить props. После получения данных из серверной части вы должны импортировать этот компонент и отправить эти данные как props.

<Pie {...this.state.data} />

props: {
   data: Array,
   ....
}

computed() {
   pie() {
      return this.data || [];
   }
}

Answer 2

Попробуйте использовать response-apexcharts. это позволяет вам создавать диаграммы Dynami c как ваш wi sh