created() {
    this.$nextTick(()=>{
      this.getchart();
    })
  },

<template>
  <!--1.設(shè)置DOM容器-->
  <div id="Charts" ref="Echarts" ></div>
</template>
<script>
//2.引入echartjs
import * as echarts from "echarts";
export default {
  name: "chart",
  created() {
    setTimeout(() => {
      this.getChart()
    }, 1000);
  },
  methods:{
    getChart(){
      // 3.定義圖標(biāo)對(duì)象myChart，初始化echarts實(shí)例
      let myChart=echarts.init(this.$refs.Echarts)
      // 4.添加配置項(xiàng)
      let options={
        title: {  //標(biāo)題
          text: 'ECharts 入門示例',  //主標(biāo)題文本
          left:150,
          top:10,
        },
        tooltip: {},
        xAxis: {  //配置要在 X 軸顯示的項(xiàng):
          data: ['襯衫', '羊毛衫', '雪紡衫', '褲子', '高跟鞋', '襪子']
        },
        yAxis: {},  //配置要在 Y 軸顯示的項(xiàng):
        series: [
          {
            name: '銷量',
            type: 'bar', 
            data: [
              {"value":"5","date":"2022-4-8"},
              {"value":"8","date":"2023-4-8"},
            ],
          }
        ]
      }
      // 5.將配置給myChart
      myChart.setOption(options)
    }
  }
}
</script>
<style scoped>
#Charts{
  width: 500px;
  height: 500px;
  border: 1px solid red;
}
</style>