echarts数据更新以及数据处理问题

一：ECharts数据更新问题
父组件

<echarts :data='data'></echarts>

子组件

<div>
    <div id="index" style="height:450px;padding:10px 10px" ></div>
  </div>

props{
data:{
        type:Array,
        default:()=>{
            
        }
    }
}
methods:{
    myEcharts(){
    // 基于准备好的dom，初始化echarts实例
      var chartDom = document.getElementById("index")
      var myChart = this.$echarts.init(chartDom);
      var option;
      //配置option项
      option={
          
      }
    }
}
// 监听data数据变化，调用this.myEcharts（）更新数据
 watch:{
     data:{
       deep:true,
       handler:function(){
         this.myEcharts()
       }
     } 
  },

二：数据处理问题
（1）：y轴数据处理 （axisLabel） 在formatter里进行数据处理

    yAxis: {
        type:'value',
        axisLabel:{
          formatter:(item)=>{
            return   this.filterNum(item)
          } 
        }
      },

（2）：提示文本数据处理。加单位问题（formatter）

 tooltip: {
        trigger: 'axis',
        formatter: function(params){    　
          var relVal = params[0].name;
          for (var i = 0, l = params.length; i < l; i++) {
                  if( params[i].value===-1){
                    params[i].value='--'
                  }else if( params[i].value===null){
                    text=0
                 }else if( params[i].value>=10000){
                    params[i].value=parseFloat( params[i].value/10000).toFixed(2)+"万"
                 }else if(10000> params[i].value>0){
                    params[i].value=Math.round( params[i].value)
                 }  
            relVal += '<br/>' + params[i].seriesName + ' : ' +params[i].value
          }
          return relVal;
        }
      },