// $.ajax({ // url: '/ems/emsBusiness/findStationLocationMS', // type: 'get', // data: { // type: 0 // }, // dataType: 'json', // success: function (res) { // if (res.operateFlag) { // var obj = dataOp(res.mapData.stationLocationMS, []); // initTree(obj.all); // getDevice(obj.ids.join(';'), obj.all, function (param, treeData) { // // initTree(obj.all); // getProperty(param.join(';'), treeData, function (p, t) { // // var z=initTree(t); // }); // }); // } // } // }); // function getDevice(param, treeData, fn) { // $.ajax({ // url: '/ems/emsBusiness/findDeviceMSByLocationCode', // type: 'get', // data: { // locations: param // }, // dataType: 'json', // success: function (res) { // if (res.operateFlag) { // var obj = dataOp(res.mapData.deviceMS); // Array.prototype.push.apply(treeData, obj.all); // fn(obj.ids, treeData); // } // } // }); // } // function getProperty(param, treeData, fn) { // $.ajax({ // url: '/ems/emsBusiness/findDevicePropertyMS', // type: 'post', // data: { // devices: param // }, // dataType: 'json', // success: function (res) { // if (res.operateFlag) { // var obj = dataOp(res.mapData.devicePropertyMS); // Array.prototype.push.apply(treeData, obj.all); // fn(obj.ids, treeData); // } // } // }); // } // function dataOp(arr) { // var result = [], // ids = [], // obj = {}; // var tree = $.fn.zTree.getZTreeObj('device_list'); // for (var i = 0; i < arr.length; i++) { // var d = arr[i]; // ids.push(d.type == 1 ? d.id : d.code) // var _flag = isNaN(d.type) || d.type > 2; // var _data = { // treeCode: d.treeCode, // treePCode: d.treePCode, // code: d.code, // sname: d.sname, // oid: d.id, // name: d.name, // type: !d.type ? 3 : d.type, // nocheck: !_flag, // isParent: !_flag // } // result.push(_data); // if (d.type != 1) { // if (obj[d.treePCode] === undefined) { // obj[d.treePCode] = { // node: {}, // child: [] // }; // obj[d.treePCode].node = tree.getNodeByParam('treeCode', d.treePCode); // } // // tree.addNodes(obj[d.treePCode].node,-1,_data,true); // obj[d.treePCode].child.push(_data); // } // } // for (var k in obj) { // tree.addNodes(obj[k].node, -1, obj[k].child, true); // } // return { // ids: ids, // all: result // } // } function initTree(data) { var setting = { data: { simpleData: { enable: true, idKey: 'treeCode', pIdKey: 'treePCode', rootPId: '' } }, view: { showLine: false, expandSpeed: 'fast', showIcon: false }, check: { enable: true, chkStyle: 'checkbox' }, callback: { onCheck: function (event, id, node) { var tree = $.fn.zTree.getZTreeObj('device_list'); var nodes = tree.getCheckedNodes(); var checkednodes = {}; var code = nodes.reduce(function (o, v, i) { if (o) { o = o + ';' } checkednodes[v.sname] = v; checkednodes[v.code] = v; o = o + v.sname; return o; }, ''); $.fn.checkednodes = checkednodes; wsb.send({ code: code }); var param = {}; param[node.type] = node.treeCode; Commdata[node.treeCode] = []; getHistoryData(param); } } } var zTreeObj = $.fn.zTree.init($("#device_list"), setting, data); return zTreeObj; } function initEcharts(id) { var mec = echarts.init(document.getElementById(id), 'halloween' /*,ops*/ ); var op = { title: { textAlign: 'left' }, tooltip: { trigger: 'axis', }, grid: { left: 60, right: 20, top: 10, bottom: 34, show: true, containLabel: false, //是否包含坐标轴的刻度标签 /*backgroundColor:'#ccc',*/ }, dataZoom: [{ type: 'inside', start: 0, end: 100, }], xAxis: { type: 'time', splitNumber: 10, // intreval:60000, splitLine: { show: false }, axisLabel: { formatter: function(time,index){ var t=dayjs(time).format('HH:mm:ss'); // console.log(time) if(time===''){ return '' } return t; } } }, yAxis: [{ type: 'value', axisLabel: { formatter: '{value}' } }], series: [] }; mec.on('click', function (param) { }); var timer; //缩放事件 mec.on('datazoom', function (event) { if (timer) { clearTimeout(timer); } var start = +new Date(2019, 0, 1, 0, 0, 0, 0); timer = setTimeout(function () { var end = dayjs(Math.round(start + (event.batch[0].end * 1000 * 3600 * 24 * 365 / 100))).format('YYYY-MM-DD HH:mm:ss'); var sta = dayjs(Math.round(start + (event.batch[0].start * 1000 * 3600 * 24 * 365 / 100))).format('YYYY-MM-DD HH:mm:ss'); }, 300) }); mec.setOption(op); return mec; } $(function () { window.ec = initEcharts('chart'); series = ec.getOption().series; }); window.series = []; window.flag = true;