vue中使用echarts画图之鼠标移入删除重绘

当用echarts画图的时候，有时候需要在echart画出的canvas上面做二次操作，如鼠标移入的时候删除该列，然后再重新展示删除后的数据，比如柱状图，要取得每一个柱状的具体位置和宽度，具体如下：
一、根据数据绘制图形

drawCanvas(server){
        let _this = this;
        let echarts = require('echarts');
        let dom = document.getElementById("serverCanvas");
        let myChart = echarts.init(dom);
        let option = {
          color: ['#3398DB'],
          tooltip : {
            show:false
            /*show:true,
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
              type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            },
            color:'#fff',
            formatter:function(params){
              let html = 'a'
              return html
            }*/
          },
          grid: {
            top:'4%',