vue echarts axios数据渲染

首先需要安装 `echarts` 和 `axios`：

npm install echarts axios --save

然后在项目中引入：

import echarts from 'echarts'
import axios from 'axios'

接着，使用 `axios` 获取数据并渲染到图表中：

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

<script>
import echarts from 'echarts'
import axios from 'axios'

export default {
  mounted() {
    axios.get('your_api_url').then(response => {
      const chartData = response.data
      this.renderChart(chartData)
    })
  },

  methods: {
    renderChart(chartData) {
      const chart = echarts.init(this.$el)

      const option = {
        // 填入数据
        series: [{
          type: 'line',
          data: chartData
        }]
      }

      chart.setOption(option)
    }
  }
}
</script>

<style>
.chart {
  width: 100%;
  height: 500px;
}
</style>

这里的 `your_api_url` 是你需要从后端获取数据的 API 地址。获取到数据之后，我们可以将数据填入到 `echarts` 的 `option` 中，然后调用 `chart.setOption(option)` 方法渲染图表。