如何在 Ant Design Vue 中使用 ECharts 创建一个类似于给定图像的圆形图表？

npm install echarts

import * as echarts from 'echarts';

export default {  mounted() {    // 初始化 echarts 实例    this.chart = echarts.init(this.$refs.chart);    // 指定图表配置，包括数据、系列和布局选项    const options = {      series: [        {          type: 'pie',          data: [            { value: 335, name: 'a' },            { value: 310, name: 'b' },            { value: 274, name: 'c' },          ],        },      ],    };    // 使用配置选项渲染图表    this.chart.setoption(options);  },  beforedestory() {    // 在组件销毁之前销毁 echarts 实例    this.chart.dispose();  },};

<template>  <div>    <div ref="chart" style="width: 600px; height: 400px;"></div>  </div></template>