echarts封装

1-1. echarts折线图

1-1 下载依赖
  1.npm install echarts
  (以下这步依情况而定,我当时写是因为大小屏要自适应)    
  2.npm install elementResizeDetectorMaker
  3.引入
    import elementResizeDetectorMaker from "element-resize-detector";
    import * as echarts from 'echarts';

1-2. 具体代码

1-3. 数据格式

list:{
  data:{
    //折线图x轴数据
    chartName:[],
    //折线图1数据
    workNumberValue:[],
    //折线图2数据
    auxiliaryValue:[],
    //折线图3数据
    qualityValue:[],
    //折线图4数据
    auditValue:[],
  }
}

1-4 饼状图

1-4-1  饼状图其实跟折线图大同小异

1-4-2  需要注意的是饼状图 格式是[{name:'',value:''}]

1-4-3  如需要饼状图具体代码 可私信我