vue中Echarts的数据是动态获取的，应该怎么写

如果Echarts的数据是动态获取的，可以采用以下步骤：

1. 在data中定义一个空数组或对象，用于存储从后端获取的数据。

2. 在mounted()方法中获取后端数据，将数据赋值给data中定义的数组或对象。

3. 在Echarts的options配置中使用Vue的计算属性，将data中的数据动态传入Echarts中。

例如，假设需要展示某个商品的销售情况，可以按照以下步骤实现：

1. 在data中定义一个空数组salesData，用于存储从后端获取的销售数据。

data() {
  return {
    salesData: []
  }
}

2. 在mounted()方法中获取后端数据，并将数据赋值给salesData。

mounted() {
  axios.get('/api/sales').then(res => {
    this.salesData = res.data
  })
}

3. 在Echarts的options配置中使用Vue的计算属性，将salesData中的数据动态传入Echarts中。

computed: {
  chartData() {
    return {
      xAxis: {
        type: 'category',
        data: this.salesData.map(item => item.date)
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: this.salesData.map(item => item.amount),
        type: 'line'
      }]
    }
  }
}

然后，在模板中使用Echarts组件，将chartData传入options属性中即可。

<template>
  <div>
    <echarts :options="chartData"></echarts>
  </div>
</template>