ecahrts通过遍历得到ref去渲染图表

1. echarts-liquidfill 基于 echarts，所以要确保已经安装了 echarts
2. echarts4 需要安装 echarts-liquidfill@2.0.6 版本，echarts5 需要安装 echarts-liquidfill@3.0.0 及以上版本

html

<div v-for="(el,index) in sptbl" :key="index"  >
     <div class="bt">
          {{el.name}}
     </div>
     <div :class="['echartsBox','ring'+(index+1)]" :ref="'ring'+(index+1)">
     </div>
     <div>
         <div v-for="(el2,index2) in el.info" :key="index2">
              <div>{{el2.name}}</div>
              <div>{{el2.num}}</div>
         </div>              
     </div>
     <div class="zhi">
         {{el.rate}}<span>%</span>
    </div>
</div>

 得到echarts对应的dom时候需要这样写

  var myEchart = this.$echarts.init(this.$refs[ref][0])