echart折线图异常多出一条连接线

开发背景：vue3父传子，父中调子组件echarts图表

问题：第一次进入数据图表正常，再次进入不更新图表数据的情况下，图表异常多出来一条开始到结尾的连接线

原因：上次数据没清空

解决：请求完接口后先清空数据，在往父传子push图表值

date.value = [];//图表X轴日期
arr1.value.length = 0;//图表数据1
arr2.value.length = 0;//图表数据2