vue编写图表基本格式

Posted 2021-05-21 希儿

<template>
  <div>
    <div id="chart" style="width: 100%;height:500px" />
  </div>
</template>
<script>
export default {
 data() {},
 mounted() { this.getList(); },
 watch: {},
 methods:{
   getList(){
   //处理数据    
   this.myChart=this.$echarts.init(document.getElementById("chart"));
   var option = {....};
   this.myChart.setOption(option);
   }
 }
}
</script>

声明：此博客为个人学习之用，如与其他作品雷同，纯属巧合，并请明示指出