vue echarts 设置自动滚动时报错 TypeError: Cannot read properties of undefined (reading 'type')

根据提供的引用内容，这两个错误都是因为访问了未定义的属性而导致的。在Vue Echarts中，当设置自动滚动时，需要使用`setOption`方法来更新图表的配置。在这个方法中，需要将`option`对象中的`dataZoom`属性设置为一个数组，数组中包含一个对象，该对象包含`type`属性。如果没有正确设置`dataZoom`属性，就会出现类似于“TypeError: Cannot read properties of undefined (reading 'type')”这样的错误。

以下是一个设置自动滚动的Vue Echarts例子，你可以参考这个例子来解决你的问题：

<template>
  <div id="chart"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  data() {
    return {
      chart: null,
      option: {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'line'
        }]
      }
    }
  },
  mounted() {
    this.chart = echarts.init(document.getElementById('chart'))
    this.chart.setOption(this.option)
    this.autoScroll()
  },
  methods: {
    autoScroll() {
      const dataLen = this.option.xAxis.data.length
      const startIndex = dataLen > 10 ? dataLen - 10 : 0
      this.chart.dispatchAction({
        type: 'dataZoom',
        startValue: this.option.xAxis.data[startIndex],
        endValue: this.option.xAxis.data[dataLen - 1]
      })
      setTimeout(() => {
        this.autoScroll()
      }, 2000)
    }
  }
}
</script>