在Vue项目中，如何安装并使用Viser-vue组件库创建一个带有tooltip和自定义样式功能的饼图？请提供一个详细的步骤和代码示例。

在进行数据可视化时，使用Vue集成Viser-vue组件库可以大大简化图表的创建过程。为了帮助你掌握这个过程，我推荐查看《Vue中Viser-Vue的AntV-G2可视化入门与配置示例》。这篇文章将详细介绍如何在Vue中集成Viser，并一步步教你如何创建一个带tooltip和自定义样式的饼图。

参考资源链接：[Vue中Viser-Vue的AntV-G2可视化入门与配置示例](https://wenku.csdn.net/doc/64525e79fcc5391368007cb9?spm=1055.2569.3001.10343)

首先，确保你已经通过运行`yarn add viser-vue`和`yarn add @antv/data-set`命令安装了viser-vue和@antv/data-set依赖。
接下来，在`main.js`文件中，引入并注册Viser为Vue的全局插件，代码如下：

              import Viser from 'viser-vue';
              Vue.use(Viser);

然后，在你的`d2demo.vue`组件中，定义模板、脚本和样式部分。在模板中使用`<v-chart>`组件嵌入图表，并配置相应的组件来显示tooltip和自定义样式。下面是一个使用Viser创建饼图的基本示例：

              <template>
                <div>
                  <v-chart :forceFit=

参考资源链接：[Vue中Viser-Vue的AntV-G2可视化入门与配置示例](https://wenku.csdn.net/doc/64525e79fcc5391368007cb9?spm=1055.2569.3001.10343)