Version

5.3.0

Link to Minimal Reproduction

• No response*

Steps to Reproduce

const option = {
    textStyle: {
      color: '#e3e3e3',
    },
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'cross',
        label: {
          backgroundColor: '#65cdda',
        },
      },
    },
    grid: {
      top: '10%',
      left: '12%',
      right: '0%',
      bottom: '2%',
    },
    xAxis: {
      type: 'time',
      boundaryGap: [0.05, 0.05],
    },
    yAxis: {
      type: 'value',
      max: function(value) {
        return (value.max * 1.8).toFixed(0)
      },
    },
    series: [
      {
        name: 'pm03',
        type: 'line',
        smooth: true,
        // symbol: 'none',
        label: {
          show: true,
        },
        areaStyle: {},
        data: this.info2,
      },
    ],
  }

数据有数据库和MQTT两个来源，初始化完成后先加载数据库，后接收到MQTT数据，开始动态刷新图表

Current Behavior

图一

图二

如图，当接受到MQTT数据时动画的上一个点位不在上一个数据点，而是从起始点重新开始

Expected Behavior

先从数据库调取数据，然后接受到MQTT数据后，动画加载点因该是上一个数据点，也就是数据最后一个读取的数据，而不是重新从数据库第一个数据点连线到MQTT的第一个数据点

Environment

- OS: win11
- Browser: Chrome 96.0.4664.55
- Framework: vue：^2.6.11

Any additional comments?

• No response*