react項目怎么增加echarts餅圖

npm install echarts --save

import echarts from "echarts/lib/echarts";import  "echarts/lib/chart/pie";  //餅狀圖import  "echarts/lib/component/tooltip";import  "echarts/lib/component/title";import  "echarts/lib/component/legend"import  "echarts/lib/component/markPoint"

componentDidMount() {        //環形圖百分比        var huan_val = document.getElementsByClassName("huan")[0];        var chart = echarts.init(huan_val);        let option = {            color: ["#f8e367", "#99dfff", "#58c0f0", "#5ea6ff", "#ff9e48", "#bcbcbc"],            series: [{                name: "駕駛分析",                type: "pie",                radius: ["60%", "80%"],                avoidLabelOverlap: false,                label: {                    normal: {                        show: false,                        position: "center"                    },                    emphasis: {                        show: true,                        textStyle: {                            fontSize: "30",                            fontWeight: "bold"                        }                    }                },                labelLine: {                    normal: {                        show: false                    }                },                data: [{                    value: 33,                    name: "慢速"                }, {                    value: 26,                    name: "低速"                }, {                    value: 6,                    name: "中速"                }, {                    value: 2,                    name: "高速"                }, {                    value: 3,                    name: "超速"                }, {                    value: 30,                    name: "怠速"                }]            }]        };        chart.setOption(option);    }

render(){return(        <div className="huan"></div>)}