vue中使用echarts

要在Vue中使用echarts，需要先安装echarts和vue-echarts插件。

1. 安装echarts和vue-echarts插件：

npm install echarts vue-echarts

2. 在Vue中引入vue-echarts组件：

import VueECharts from 'vue-echarts'
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'

3. 在Vue组件中使用vue-echarts组件：

<template>
  <div>
    <vue-echarts :options="chartOptions" :auto-resize="true"></vue-echarts>
  </div>
</template>

<script>
import VueECharts from 'vue-echarts'
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'

export default {
  components: {
    VueECharts
  },
  data() {
    return {
      chartOptions: {
        // echarts图表配置项
      }
    }
  }
}
</script>

4. 在组件的data中创建图表的配置项，可以参考echarts官方文档中的示例。

以上就是在Vue中使用echarts的基本步骤。