如何在Vue项目中集成Viser-vue组件库，并创建一个展示活动占比的饼图？请详细描述步骤和代码示例。

要在Vue项目中集成Viser-vue组件库并创建一个展示活动占比的饼图，你可以遵循以下步骤和代码示例：首先，确保你已经安装了node.js和yarn包管理器，然后在项目中安装viser-vue和@antv/data-set这两个依赖。通过运行以下命令来添加它们：

参考资源链接：[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

接下来，在Vue项目的入口文件`main.js`中，引入Viser并将其注册为Vue的全局插件，以便在任何组件中都能够使用Viser提供的图表组件。

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

创建一个新的Vue组件文件`d2demo.vue`，在这个文件中，你将配置和展示你的饼图。你需要在Vue的模板部分使用`<v-chart>`标签，配置图表的基本属性，如尺寸、数据源、比例尺等。

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

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