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

要在Vue项目中使用Viser-vue组件库创建可视化图表，你需要按照以下步骤操作。首先确保你的项目中已经安装了npm包管理器，然后通过npm或yarn安装viser-vue和@antv/data-set依赖：

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

    npm install viser-vue --save
    npm install @antv/data-set --save

或者使用yarn：

    yarn add viser-vue
    yarn add @antv/data-set

在项目的`main.js`文件中，引入Viser并将其实例化为Vue的全局组件：

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

接下来，创建一个名为`d2demo.vue`的新Vue组件，并在其中配置相应的模板和数据。你可以利用AntV-G2的`<v-chart>`组件来定义图表，并通过子组件定义坐标系、图例、数据点等，以及数据的Tooltip提示。以饼图为例，你可以在模板中这样配置：

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

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