vue使用echarts可视化大屏

要在Vue中使用Echarts可视化大屏，需要先安装Echarts和Vue-Echarts插件。然后在Vue组件中引入Vue-Echarts，并在data中定义Echarts的配置项，最后在template中使用Vue-Echarts组件并传入配置项即可。

示例代码如下：

<template>
  <div>
    <vue-echarts :options="chartOptions"></vue-echarts>
  </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: {
    VueECharts,
  },
  data() {
    return {
      chartOptions: {
        title: {
          text: '柱状图示例',
        },
        tooltip: {},
        xAxis: {
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        },
        yAxis: {},
        series: [{
          name: '销量',
          type: 'bar',
          data: [5, 20, 36, 10, 10, 20, 5],
        }],
      },
    };
  },
};
</script>