vue element Echart 怎么做图表

首先需要安装 ECharts 和 vue-echarts 插件。

1. 安装 ECharts：

   npm install echarts --save

2. 安装 vue-echarts：

   npm install vue-echarts --save

3. 在组件中引入 ECharts 和 vue-echarts：

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

4. 在组件中使用 ECharts 组件：

   <template>
       <div>
           <e-charts :options="chartOptions"></e-charts>
       </div>
   </template>

   <script>
   export default {
       name: 'MyChart',
       components: {
           'e-charts': ECharts
       },
       data() {
           return {
               chartOptions: {
                   // ECharts 配置项
               }
           }
       }
   }
   </script>

5. 在 `chartOptions` 中配置 ECharts 图表，例如：

   chartOptions: {
       title: {
           text: '某站点用户访问来源',
           subtext: '纯属虚构',
           left: 'center'
       },
       tooltip: {
           trigger: 'item',
           formatter: '{a} <br/>{b}: {c} ({d}%)'
       },
       legend: {
           orient: 'vertical',
           left: 10,
           data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
       },
       series: [
           {
               name: '访问来源',
               type: 'pie',
               radius: ['50%', '70%'],
               avoidLabelOverlap: false,
               label: {
                   show: false,
                   position: 'center'
               },
               emphasis: {
                   label: {
                       show: true,
                       fontSize: '30',
                       fontWeight: 'bold'
                   }
               },
               labelLine: {
                   show: false
               },
               data: [
                   {value: 335, name: '直接访问'},
                   {value: 310, name: '邮件营销'},
                   {value: 234, name: '联盟广告'},
                   {value: 135, name: '视频广告'},
                   {value: 1548, name: '搜索引擎'}
               ]
           }
       ]
   }

以上就是在 Vue 中使用 ECharts 的基本方法。根据不同的图表类型，配置项会有所不同，可以参考 ECharts 官方文档进行设置。