vue3 echarts 动态折线图如何设置时间轴

可以通过设置 xAxis 的 type 为 'time'，并且设置 data 为一个时间数组来实现动态折线图时间轴的设置。例如：

<template>
  <div ref="chart" style="width: 600px; height: 400px;"></div>
</template>

<script>
import * as echarts from 'echarts'

export default {
  mounted() {
    this.chart = echarts.init(this.$refs.chart)
    this.initChart()
  },
  methods: {
    initChart() {
      const option = {
        xAxis: {
          type: 'time',
          data: ['2022-01-01', '2022-01-02', '2022-01-03', '2022-01-04', '2022-01-05'],
        },
        yAxis: {
          type: 'value',
        },
        series: [{
          type: 'line',
          data: [120, 200, 150, 80, 70],
        }],
      }
      this.chart.setOption(option)
    },
  },
}
</script>

其中，xAxis 的 data 数组里面的元素应该是符合时间格式的字符串，例如 '2022-01-01'。数据可以通过异步请求从后台获取，然后动态更新图表。