vue中引用的echarts的坑

1、引入echarts

cmd下载 echarts.js

npm install echarts -S

全局引入main.js

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

2、需要的页面引入echartPages.js

 import echarts from "../../../static/js/echarts.min";
 //或者
let echarts = require('../../../static/js/echarts.min');

3、发现echart并没有按照百分比适应屏幕，其原因echart是执行太快，css的100%还没来得及反应，js就已经执行完了，所以把百分比转成像素单位，其解决方法是延迟echart的初始化

  setTimeout(()=>{
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("main"));

    var dataNum = [
      1.5,
      1.5,
      3.5,
      4.5,
      6.5,
      1.5,
      0.5,
      1.5,
      3,
      4.5,
      1.1,
      1.7,
      1.5,
      8.5,
      1.5,
      1.8,
      1.5,
      1.4,
      3.1,
      4.5,
      1.3,
      1.5,
      1.5,
      1.5,
      0.5,
      1.2,
      1.