使用vue-echarts数据实时更新导致dataZoom放大比例被改变

如果您使用的是 `vue-echarts`，在数据实时更新时导致 `dataZoom` 放大比例被改变的问题，可以考虑使用以下方法：

1. 在数据更新时，先保存当前的 `dataZoom` 状态。

2. 更新数据后，再将 `dataZoom` 状态还原。

以下是一个示例代码：

// 在 Vue 组件中
<template>
  <div class="chart-container">
    <ve-line ref="chart" :data="chartData" :settings="chartSettings" />
  </div>
</template>

<script>
import { cloneDeep } from 'lodash'
export default {
  data() {
    return {
      chartData: [],
      chartSettings: {
        dataZoom: [
          {
            type: 'inside',
            start: 0,
            end: 100,
            zoomLock: false,
            throttle: 100,
          },
          {
            type: 'slider',
            start: 0,
            end: 100,
            zoomLock: false,
            throttle: 100,
          },
        ],
      },
      dataZoomState: {
        start: 0,
        end: 100,
      },
    }
  },
  mounted() {
    this.initChartData()
  },
  methods: {
    // 初始化图表数据
    initChartData() {
      // ...
    },
    // 更新数据
    updateChartData() {
      // 保存当前 dataZoom 状态
      this.dataZoomState = cloneDeep(this.chartSettings.dataZoom[0])
      // 更新数据
      // ...
      // 还原 dataZoom 状态
      this.chartSettings.dataZoom[0].start = this.dataZoomState.start
      this.chartSettings.dataZoom[0].end = this.dataZoomState.end
      this.$refs.chart.render()
    },
  },
}

在上面的代码中，我们使用了 lodash 库的 `cloneDeep` 方法来克隆 `dataZoom` 状态，避免在更新数据时直接修改了原始状态。在更新数据后，再将 `dataZoom` 状态还原，并重新渲染图表即可。