vue使用echarts

Vue可以很方便地集成ECharts图表库，只需要安装ECharts并在Vue组件中引入即可。

首先，你需要安装ECharts：

npm install echarts --save

然后，在Vue组件中引入ECharts并创建一个图表：

import echarts from 'echarts'

export default {
  data () {
    return {
      chartData: {
        // 图表数据
      }
    }
  },
  mounted () {
    // 创建图表
    let chart = echarts.init(this.$refs.chartContainer)
    chart.setOption(this.chartData)
  },
  template: `
    <div ref="chartContainer" style="height: 400px;"></div>
  `
}

在这个例子中，我们在Vue组件的`mounted`生命周期中创建了一个ECharts实例，并在`$refs.chartContainer`中渲染图表。`chartData`包含了图表的数据和配置选项，你可以根据自己的需求进行设置。

注意，你可能需要在Vue组件的`beforeDestroy`生命周期中销毁ECharts实例：

beforeDestroy () {
  if (this.chart) {
    this.chart.dispose()
    this.chart = null
  }
}

以上是一个简单的使用ECharts的Vue组件，如果你需要更多的图表类型和配置选项，请参考ECharts官方文档。