vue怎么实现的echart数据显示

Vue可以通过引入ECharts官方提供的Vue组件来实现ECharts数据显示。具体步骤如下：

1. 安装ECharts和Vue-ECharts

npm install echarts --save
npm install vue-echarts --save

2. 在Vue组件中引入并注册Vue-ECharts

import ECharts from 'vue-echarts/components/ECharts.vue'
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'

export default {
  components: {
    'v-chart': ECharts
  },
  ...
}

3. 在模板中使用v-chart组件并传入数据

<template>
  <div>
    <v-chart :options="chartData"></v-chart>
  </div>
</template>

<script>
export default {
  data () {
    return {
      chartData: {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'bar'
        }]
      }
    }
  }
}
</script>

这样就可以使用Vue-ECharts实现ECharts图表的数据显示了。