Vue3+TS 添加多个echarts

<template>

    <div class="row q-pa-sm">

        <div style="margin-top:90px;margin-left:150px;">

            <div ref="chart1" style="height: 400px;width:500px;display: inline-block;"></div>

            <div ref="chart2" style="height: 400px;width:500px;display: inline-block;"></div>

        </div>

    </div>

</template>

<script lang="ts" setup>

import * as echarts from 'echarts';

import { ref,onMounted} from 'vue';

 

const chart1 = ref();

const chart2 = ref();

let myChart: echarts.ECharts;

let myChart2: echarts.ECharts;

onMounted(() => {

    myChart = echarts.init(chart1.value);

    myChart.setOpti