vue項目引用echarts

安裝環境: npm install echarts --save
在main.js中引用:

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

在想要顯示echart的地方來一個div,必須寫寬高

 <div id="container" style="width:70%;height:376px;float: left"></div>

函數裏面:

methods:{
  getEchart1() { 
  const myChart = this.$echarts.init(document.getElementById('container'))
      const option = {    //把想要引用的圖表在這裏複製
      在echats官網裏面實例就可以直接粘貼到這裏
      };
      myChart.setOption(option)
      window.addEventListener('resize', function () {
        myChart.resize()
      })
    }
  },
    mounted(){
      this.getEchart1()
    }
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章