vue编写图表基本格式

<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>

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

posted @ 2021-05-21 10:45  追逐-y  阅读(92)  评论(0编辑  收藏  举报