封装了一个echarts图表的vue组件

<!--echarts组件-->
<template>
  <div id="main">11</div>
</template>

<script>
import echarts from "echarts";

export default {
  name: "pie",
  props:['option'],// 父组件传入的图表初始化对象
  data() {
    return {
      myCharts: "",
    };
  },
  mounted() {
    setTimeout(this.init(), 1000);
  },
  methods: {
    init() {
      this.myCharts = echarts.init(document.getElementById("main"));
      this.myCharts.setOption(this.option);
    },
  },
};
</script>

<style lang="less">
#main {
  width: 500px;
  height: 500px;
}
</style>