vue项目中echarts 3d饼图

在Vue项目中使用echarts绘制3D饼图的方法如下：

1. 首先，安装echarts和vue-echarts依赖：

npm install echarts vue-echarts

2. 在Vue组件中引入echarts和vue-echarts：

import echarts from 'echarts'
import ECharts from '-echarts/components/ECharts.vue'

// 注册ECharts组件
Vue.component('v-chart', ECharts)

3. 在Vue组件中使用echarts绘制3D图：

<template>
  <>
    <v-chart :options="chartOptions"></v-chart>
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartOptions: {
        series: [
          {
            type: 'pie',
            radius: '55%',
            data: [
              { value: 3, name: '整租' },
              { value: 2, name: '散租' }
            ]
          }
        ]
      }
    }
  }
}
</script>

以上代码中，我们首先在Vue组件中引入echarts和vue-echarts，并注册ECharts组件。然后，在模板中使用`<v-chart>`标签，并通过`chartOptions`属性传递echarts的配置项，其中`series`中的`type`设置为'pie'表示绘制饼图，`data`中的每个对象表示一个饼图的数据项。