echarts vue中用法

在Vue中使用ECharts需要先安装echarts和vue-echarts两个依赖包。安装完成后，可以在Vue组件中引入vue-echarts并注册为全局组件，然后在模板中使用即可。具体代码如下：

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

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

export default {
  components: {
    'v-chart': VueECharts,
  },
  data() {
    return {
      chartOptions: {
        title: {
          text: '柱状图示例',
        },
        tooltip: {},
        xAxis: {
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        },
        yAxis: {},
        series: [{
          name: '销量',
          type: 'bar',
          data: [5, 20, 36, 10, 10, 20, 5],
        }],
      },
    };
  },
};
</script>