请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

jeesite

 找回密码
 注册新会员
查看: 212|回复: 0

图表不加载问题

[复制链接]
admin 发表于 2018-7-31 19:44:38 | 显示全部楼层 |阅读模式
图表不加载问题

  1. var template = require('../../template/template.js');
  2. import * as echarts from '../../ec-canvas/echarts';

  3. const app = getApp();
  4. var aq = [0, 0, 0, 0, 0, 0, 0];
  5. var dq = [0, 0, 0, 0, 0, 0, 0];
  6. var uq = [0, 0, 0, 0, 0, 0, 0];
  7. var day = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];

  8. function isBlank(str) {
  9.   if (Object.prototype.toString.call(str) === '[object Undefined]') {//空
  10.     return true
  11.   } else if (
  12.     Object.prototype.toString.call(str) === '[object String]' ||
  13.     Object.prototype.toString.call(str) === '[object Array]') { //字条串或数组
  14.     return str.length == 0 ? true : false
  15.   } else if (Object.prototype.toString.call(str) === '[object Object]') {
  16.     return JSON.stringify(str) == '{}' ? true : false
  17.   } else {
  18.     return true
  19.   }

  20. }

  21. function initChart(canvas, width, height) {
  22.   const chart = echarts.init(canvas, null, {
  23.     width: width,
  24.     height: 240
  25.   });
  26.   canvas.setChart(chart);

  27.   var option = {
  28.     color: ["#ff832c", "#ff66ff", "#7adeff"],
  29.     tooltip: {
  30.       trigger: 'axis'
  31.     },
  32.     legend: {
  33.       data: [{ name: '注入量', icon: 'circle', iconSize: 5 }, { name: '引流量', icon: 'circle', iconSize: 10 }, { name: '超滤量', icon: 'circle', iconSize: 10 }],
  34.       top: 25,
  35.       right: '4%',
  36.       z: 200
  37.     },

  38.     grid: {
  39.       left: '3%',
  40.       right: '4%',
  41.       bottom: '3%',
  42.       containLabel: true
  43.     },

  44.     xAxis: {
  45.       type: 'category',
  46.       data: day,
  47.       splitLine: {
  48.         lineStyle: {
  49.           type: 'dotted'
  50.         }
  51.       },
  52.       show: true
  53.     },
  54.     yAxis: {
  55.       type: 'value',
  56.       name: '单位:ml'
  57.     },
  58.     series: [
  59.       {
  60.         name: '注入量',
  61.         type: 'line',
  62.         symbol: 'circle',
  63.         symbolSize: 5,
  64.         data: aq
  65.       },
  66.       {
  67.         name: '引流量',
  68.         type: 'line',
  69.         symbol: 'circle',
  70.         symbolSize: 5,
  71.         data: dq
  72.       },
  73.       {
  74.         name: '超滤量',
  75.         type: 'line',
  76.         symbol: 'circle',
  77.         symbolSize: 5,
  78.         data: uq
  79.       }
  80.     ]
  81.   };

  82.   if (option && typeof option === "object") {
  83.     chart.setOption(option, true);
  84.   }
  85.   return chart;
  86. }


  87. Page({
  88.   data: {
  89.     receiver: '',
  90.     ec: {
  91.       lazyLoad: true, // 延迟加载
  92.     }
  93.   },

  94.   /**
  95.    * 生命周期函数--监听页面加载
  96.    */
  97.   onLoad: function (options) {

  98.     this.mychart_ec_line = this.selectComponent('#mychart-dom-line');
  99.     template.tabbar("tabBar", 0, this, "", "")//0表示第一个tabbar
  100.     var that = this;
  101.     var app = getApp();
  102.     var __sid = app.globalData.userInfo;
  103.     var serverUrl = app.globalData.serverUrl;
  104.     var role = app.globalData.role;
  105.     that.setData({
  106.       '__sid': __sid,
  107.       'serverUrl': serverUrl,
  108.       'role': role,
  109.     });
  110.     // 医生
  111.     wx.request({
  112.       url: serverUrl + '/f/api-basic/getYestodayDoctorData', //请求地址
  113.       data: {
  114.         __sid: that.data.__sid,//调用当前页面的全局变量
  115.       },
  116.       header: { //请求头
  117.         "Content-Type": "application/x-www-form-urlencoded"
  118.       },
  119.       method: "POST", //get为默认方法/POST
  120.       complete: function (res) {
  121.         that.setData({
  122.           'sumDia': res.data.data.sumDia,
  123.           'sumErr': res.data.data.sumErr,
  124.           'sumDiaErr': res.data.data.sumDiaErr,
  125.           'errPatientList': res.data.data.errPatientList,
  126.           'receiver': res.data.data.receiver
  127.         });
  128.       }
  129.     });
  130.     // 患者:昨日采集情况
  131.     wx.request({
  132.       url: serverUrl + '/f/api-basic/getFirstTodayData', //请求地址
  133.       data: {
  134.         __sid: that.data.__sid,//调用当前页面的全局变量
  135.       },
  136.       header: { //请求头
  137.         "Content-Type": "application/x-www-form-urlencoded"
  138.       },
  139.       method: "POST", //get为默认方法/POST
  140.       complete: function (res) {

  141.         if (!isBlank(res.data.data.aq)){
  142.           aq = res.data.data.aq;
  143.         }
  144.         if (!isBlank(res.data.data.dq)) {
  145.           dq = res.data.data.dq;
  146.         }
  147.         if (!isBlank(res.data.data.uq)) {
  148.           uq = res.data.data.uq;
  149.         }
  150.         if (!isBlank(res.data.data.day)) {
  151.           day = res.data.data.day;
  152.         }
  153.         that.setData({
  154.           'sumActualQuantity': res.data.data.sumActualQuantity,
  155.           'sumDrainageQuantity': res.data.data.sumDrainageQuantity,
  156.           'sumKeepQuantity': res.data.data.sumKeepQuantity,
  157.           'sumUltrafiltrationQuantity': res.data.data.sumUltrafiltrationQuantity,
  158.           'listKnowledge': res.data.data.listKnowledge,
  159.         });
  160.       }, success: function (res) {
  161.         that.mychart_ecline();
  162.         console.log("我成功了,我这时候才真正需要初始化echart ");
  163.       }
  164.     });
  165.   }, mychart_ecline: function () {
  166.     this.mychart_ec_line.init((canvas, width, height) => {
  167.       return initChart(canvas, width, height);
  168.     });
  169.   },
  170.   onReady() {
  171.   },

  172.   todataEntry: function (e) {
  173.     wx.navigateTo({
  174.       url: '../dataEntry/dataEntry',
  175.     })
  176.   },
  177.   toHistory: function (e) {
  178.     wx.navigateTo({
  179.       url: '../history/history',
  180.     })
  181.   },
  182.   toCommunicate: function (e) {
  183.     wx.navigateTo({
  184.       url: '../communicate/communicate',
  185.     })
  186.   },
  187.   todataAppointment: function (e) {
  188.     wx.navigateTo({
  189.       url: '../dataAppointment/dataAppointment',
  190.     })
  191.   },
  192.   todataDoctor: function (e) {
  193.     wx.navigateTo({
  194.       url: '../dataDoctor/dataDoctor',
  195.     })
  196.   },
  197. });
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册新会员

本版积分规则

QQ|手机版|小黑屋|Archiver|jeesite 官方论坛. ( 吉ICP备12004769号  

GMT+8, 2018-11-15 10:23 , Processed in 0.127930 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表