vue中使用echarts5.2

要在Vue中使用Echarts5.2，需要先安装echarts和vue-echarts两个依赖包。具体步骤如下：

1. 安装echarts和vue-echarts

npm install echarts vue-echarts

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

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

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

3. 在模板中使用v-chart组件

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

4. 在Vue实例中定义图表选项

export default {
  data() {
    return {
      chartOptions: {
        title: {
          text: 'Echarts示例'
        },
        tooltip: {},
        xAxis: {
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },
        yAxis: {},
        series: [{
          name: '销量',
          type: 'bar',
          data: [5, 20, 36, 10, 10, 20, 5]
        }]
      }
    }
  }
}