vue3+ts 使用PPChart

Vue3 + TypeScript 与 PPChart（一个基于 JavaScript 的图表库）结合使用，可以为你的项目添加数据可视化功能。以下是一个简单的步骤和概念介绍：

1. **安装 PPChart**：
首先，你需要在项目中安装 PPChart。你可以使用 npm 或 yarn 进行安装：

   npm install @ww/pie-chart --save

或者

   yarn add @ww/pie-chart

2. **设置 TypeScript 定义**：
在 `tsconfig.json` 中配置 `paths` 和 `types`，引入 PPChart 的 TypeScript 类型定义：

   {
     "compilerOptions": {
       "paths": {
         "@ww/*": ["node_modules/@ww/*"]
       },
       "types": ["@ww/pie-chart"]
     }
   }

3. **在 Vue 组件中使用**：
在你的 Vue 组件中，你可以创建一个方法来创建并显示 PPChart。例如，创建一个 Pie Chart：

   import { Pie } from '@ww/pie-chart';

   export default {
     methods: {
       createPieChart(data: any[]) {
         const chart = new Pie({
           data,
           width: '100%', // 根据需要设置图表宽度
           height: '100%', // 根据需要设置图表高度
         });
         // 添加到 DOM
         this.$refs.chart.appendChild(chart.container);
       },
     },
     // 在模板里引用 ref
     template: `
       <div ref="chart"></div>
     `,
   };

4. **初始化图表**：
当组件挂载后或数据准备好时，调用 `createPieChart` 方法，传入你的数据。

**相关问题--:**
1. PPChart支持哪些类型的图表？
2. 如何在Vue组件中更新PPChart的数据？
3. PPChart有没有提供自定义样式或交互功能的方法？