echarts作为组件多次引入，只显示一次问题解决

<template>
  <div class="echarts-box">
      <div ref="chart1" class="allcharts1" style="height: 300px;" />
  </div>
</template>

原始写法：
const box1 = document.querySelector('.allcharts1')
const myCharts1 = echarts.init(box1)

可以看出，饼形图作为组件插入，只显示了第一个图表，下面的那个饼形图没显示

修改后写法：

const myCharts1 = echarts.init(this.$refs.chart1)

我们只需要把 通过 document控制 改为 vue的 ref就可以了