vue项目中实现燃尽图

效果图：

vue组件（test.vue）：

<template>
    <div>
        <div class="main"
             style="width:600px;height:400px;margin:0 auto;"></div>
        <div class="progress"></div>
    </div>
</template>

<script>
import echarts from 'echarts'
export default {
    methods: {
        charts() {
            this.myChart = echarts.init(document.getElementsByClassName("main")[0]);
            this.myChart.setOption({
                title: {
                    text: '燃尽图：',
                },
                tool