关于vue移动端项目echarts的使用，点击柱状图触发多次点击事件

关于vue移动端项目echarts的使用，以及echarts的一次问题记录，点击柱状图触发多次点击事件

1. echarts的安装

   npm install echarts --save(也可以使用cnpm，下载速度更快，附：安装cnpm命令npm install -g cnpm --registry=https://registry.npm.taobao.org )

2. 入口文件引入

   1. 全局引入

      import echarts from 'echarts'
      
      Vue.prototype.$echarts = echarts
      

   2. 按需引入

      // 引入 ECharts 主模块
      let echarts = require('echarts/lib/echarts');
      // 引入折线图/柱状图等组件
      require('echarts/lib/chart/line')
      require('echarts/lib/chart/bar')
      require('echarts/lib/chart/radar')
      // 引入提示框和title组件，图例
      require('echarts/lib/component/tooltip')
      require('echarts/lib/component/title')
      require('echarts/lib/component/legend')
      require('echarts/lib/component/legendScroll')//图例滚动
      //vue全局注入echarts
      Vue.prototype.$echarts = echarts
      

3. 组件中使用

   <template>
       <div class="myChart" ref="myChart"></div>
   </template>
   

   <style  lang="less" scoped>
       .myChart{
         
           width: 100px;
       	height: 190px;
       }
   </style>
   

   <script>
       export default {
         
           mounted() {
         
             this.drawLine() // 动态加载数据可在加装完接口调用
             this.onClickDetail()
     		},
           methods:{
         
             drawLine(