想用vue写一个echars图标统计很多门店的销售额

好的，下面是一个简单的示例，演示如何使用 Vue 和 ECharts 绘制门店销售额统计图表：

1. 首先，安装 ECharts。可以使用 npm 或 yarn 进行安装：

   npm install echarts --save

2. 在 Vue 组件中引入 ECharts：

   import echarts from 'echarts'

3. 在 Vue 组件中使用 ECharts 绘制图表。以下是一个简单的示例，演示如何绘制一个柱状图：

   <template>
     <div ref="chart" style="width: 100%; height: 500px;"></div>
   </template>
   
   <script>
   import echarts from 'echarts'
   
   export default {
     mounted() {
       this.initChart()
     },
     methods: {
       initChart() {
         const chart = echarts.init(this.$refs.chart)
         const option = {
           xAxis: {
             type: 'category',
             data: ['门店1', '门店2', '门店3', '门店4', '门店5', '门店6', '门店7']
           },
           yAxis: {
             type: 'value'
           },
           series: [{
             data: [120, 200, 150, 80, 70, 110, 130],
             type: 'bar'
           }]
         }
         chart.setOption(option)
       }
     }
   }
   </script>

在上面的代码中，`<div>` 元素中的 `ref` 属性用于获取 DOM 元素，然后使用 `echarts.init()` 方法初始化图表，并使用 `chart.setOption()` 方法设置图表的配置项和数据。

当然，这只是一个简单的示例，实际情况中，您需要根据自己的需求和数据，自行编写 ECharts 的配置项和数据。其中，ECharts 提供了丰富的图表类型和配置项，可以满足各种需求。

希望这个简单的示例对您有所帮助。如果您有任何问题，可以随时向我提问。