vue3 echarts5 graph关系图谱 点击图例节点消失线不消失重复生成问题

    const myChart = ref(null);
    const myCharts = ref(null);

    onMounted(() => {
      // 这种会导致线仍然存在 重复生成
      myCharts.value = echarts.init(myChart.value);
      myCharts.value.setOption(option);
    });

    return {
      myChart,
      myCharts,
    };

现象：如下图1 点击图例类目2，第一次如图2消失，第二次重复点击类目2如图三，线保留 ，每点一次线叠加保留，问题很大

问题在于第二次ref对象获取echarts.init(myChart.value)，导致的上述现象，个人项目赶时间，没找到解决问题的根本方法,试了几种方式取巧

方法一：

    onMounted(() => {
      // 这种可行
      let myChart = echarts.init(document.getElementById("mainindicat