4.14

获取数据

export const reportsGet = (path="",params={})=> httpServe({path,params});

在reportsview.vue页面中

import {reportsGet} from "@/http/request.js";

created() {

reportsGet("reports/type/1")
  .then((res) => {
    let { meta, data } = res.data;
    if (meta.status == 200) {
      this.reportsList = data;
    } else {
      this.$$message.error(meta.msg);
    }
  })
  .catch((err) => {
    this.$message.error(err);
  });

},

< el-col :span="8">

    < el-card shandow="always">
    
      < LineChart :reportsList="reportsList" v-if="Object.keys(reportsList).length" />
    </el-card>
  </el-col>
  

在linechart页面中 props:{

  reportsList:{
  
    type:Object,
    default:()=>{
      return {
        title: {
text: '折线图'

}, tooltip: {}, xAxis: { axisLabel:{ /* 显示所有x轴的数据 / interval:0, / 放不下的倾斜角度 / rotate:0, / 数据之间的距离 */ margin:15 }, data: '衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'] }, yAxis: {}, series: [

  name: '销量',
  type: 'line',
  data: [5, 20, 36, 10, 10, 20]
},]
      }
    }
  }
},
data(){
  return{
    linList:{}
  }
},