Vue3中使用echarts

要在Vue3中使用echarts，您需要执行以下步骤：

1. 安装echarts：您可以使用npm或yarn安装echarts

   npm install echarts --save
   或
   yarn add echarts

2. 在Vue组件中引用echarts：

   import echarts from 'echarts'

3. 在Vue组件中创建一个div元素来容纳图表：

   <template>
     <div id="chart" style="width: 100%; height: 400px;"></div>
   </template>

4. 在Vue组件中使用echarts：

   export default {
     mounted() {
       // 基于准备好的dom，初始化echarts实例
       const myChart = echarts.init(document.getElementById('chart'))

       // 指定图表的配置项和数据
       const option = {
         title: {
           text: 'ECharts 入门示例'
         },
         tooltip: {},
         legend: {
           data:['销量']
         },
         xAxis: {
           data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
         },
         yAxis: {},
         series: [{
           name: '销量',
           type: 'bar',
           data: [5, 20, 36, 10, 10, 20]
         }]
       }

       // 使用刚指定的配置项和数据显示图表。
       myChart.setOption(option)
     }
   }

这样就可以在Vue3中使用echarts了。