<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>单体电压</title>
|
<meta name = "viewport" content="width=device-width,initial-scale=1">
|
<link rel = "stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<style type="text/css">
|
th {
|
color: #FFFFFF;
|
background:#7EB9FD;
|
}
|
th, td {
|
border: 1px solid #ccc;
|
text-align: center !important;
|
}
|
.ui-slider-track{
|
margin-left:3% !important;
|
width:94%;
|
}
|
.ui-slider-handle{
|
background-color: #74B5FA !important;
|
}
|
|
.red {
|
background-color: #FF070B;
|
color: #FBFBFB;
|
}
|
.green {
|
background-color: green;
|
color: #FBFBFB;
|
}
|
.div-list {
|
display: none;
|
}
|
.div-block {
|
display: block !important;
|
}
|
.ui-collapsible-content {
|
padding:0;
|
background-color:none !important;
|
border:none !important;
|
}
|
|
.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d,.ui-grid-solo {
|
overflow:visible;
|
}
|
|
div.ui-slider {
|
height: 30px;
|
margin:0;
|
padding: 0;
|
-ms-touch-action: pan-y pinch-zoom double-tap-zoom;
|
}
|
|
|
.ui-flipswitch.ui-flipswitch-active {
|
padding-left: 4em;
|
width: 1.875em;
|
float: left;
|
}
|
#switchCon{float:left;}
|
|
</style>
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="../js/echarts.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
</head>
|
<body>
|
<div data-role="page" data-dom-cache="true">
|
<div data-role="header" data-position="fixed">
|
<a id="backPrev" target="_top" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;">返回</a>
|
<h1>单体电压</h1>
|
<div data-role="collapsible" class="ui-btn-right">
|
<h1>更多</h1>
|
<div id="list">
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:none">单体电压</a>
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:block">单体实际容量</a>
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:block">电体剩余容量</a>
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:block">单体容量百分比</a>
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:block">端电压曲线图</a>
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:block">电池电流曲线图</a>
|
<a href="javascript:;" class="ui-btn" style="text-align:left; margin:0; display:block">单体电压曲线图</a>
|
</div>
|
</div>
|
</div>
|
|
<div data-role="main" class="ui-content">
|
<!-- 开关按钮 -->
|
<div id="switchCon">
|
<input type="checkbox" data-mini="true" data-role="flipswitch" id="switch" checked="checked" data-on-text="数据" data-off-text="柱图">
|
</div>
|
<!-- <div id="slide" style="visibility:hidden;background-color: #f9f9f9; margin:0;">
|
<input data-theme="l" type="range" min="0" max="100" value="100" style="display:none">
|
</div> -->
|
|
<div id="slide" style="visibility: visible; margin: 0px; background-color: rgb(249, 249, 249); overflow:hidden;">
|
<div class="ui-slider"><input data-theme="l" type="number" data-type="range" min="0" max="100" value="100" style="display:none" class="ui-shadow-inset ui-body-l ui-corner-all ui-slider-input"></div>
|
</div>
|
<!-- 最大值 最小值 平均值 -->
|
<div class="ui-grid-b">
|
<div class="ui-block-a">MAX <span class="max"> </span></div>
|
<div class="ui-block-b">MIN <span class="min"> </span></div>
|
<div class="ui-block-c">AVG <span class="avg"> </span></div>
|
</div>
|
<!-- 表格 -->
|
<div id="tbl-con" class="div-list div-block"></div>
|
|
<!-- 柱状图 -->
|
<div style="display:none" id="mon_vol_bar">柱状图</div>
|
|
<!-- 折线图 -->
|
<div class="div-list" id="line-vol">折线图1</div>
|
|
<!-- 折线图 -->
|
<div class="div-list" id="line-curr">折线图2</div>
|
|
<!-- 折线图 -->
|
<div class="div-list" id="line-mon-vol">折线图3</div>
|
</div>
|
|
<div data-role="footer" data-position="fixed" style="background-color:#f9f9f9 !important; border-top:none">
|
|
<!-- <h1 style="background-color:#e9e9e9; width:100%; margin:0 !important">福光电子有限公司</h1> -->
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="mobilJs/echarts.js"></script>
|
<script type="text/javascript">
|
$("#backPrev").click(function(){
|
if (/(iPhone|iPad|iPod)/i.test(navigator.userAgent)) {
|
//alert(window.document.referrer);
|
window.location.href = window.document.referrer;
|
} else {
|
window.history.go("-1");
|
}
|
});
|
|
|
|
var ALLData=new Array();
|
var batt; //当前选中的电池组
|
var Mon_numlist=new Array(); //当前电池编号数组
|
var Mon_vollist=new Array(); //当前电池电压数组
|
var Mon_reacaplist=new Array(); //当前的实际容量数组
|
var Mon_overcaplist=new Array(); //当前的剩余容量数组
|
var Mon_percaplist=new Array(); //当前容量百分比数组
|
|
var Group_vollist=new Array(); //当前组端电压数组
|
|
var All_Mon_vollist=new Array(); //所有单体电压
|
|
var Li_index=0; //当前选中的菜单下标
|
|
var group_vol = ['组端电压','在线电压'] ;
|
|
var arrTh=[
|
["编号","单体电压(V)","编号","单体电压(V)"],
|
["编号","实际容量(AH)","编号","实际容量(AH)"],
|
["编号","剩余容量(AH)","编号","剩余容量(AH)"],
|
["编号","容量百分比(%)","编号","容量百分比(%)"],
|
];
|
var srnWidth = $(window).width()-5;
|
var srnHt = $.mobile.getScreenHeight()-50;
|
$('#mon_vol_bar').width(srnWidth);
|
$('#mon_vol_bar').height(srnHt);
|
|
$('#line-curr').width(srnWidth);
|
$('#line-curr').height(srnHt);
|
|
$('#line-vol').width(srnWidth);
|
$('#line-vol').height(srnHt);
|
|
$('#line-mon-vol').width(srnWidth);
|
$('#line-mon-vol').height(srnHt);
|
|
var myChart = echarts.init($('#mon_vol_bar').get(0));
|
myLineChart = echarts.init($('#line-vol').get(0));
|
myMulLineChart = echarts.init($('#line-mon-vol').get(0));
|
myLineChartTop = echarts.init($('#line-vol').get(0));
|
|
//页面加载时显示单体电压表格
|
$(function(){
|
loadshow();
|
batt=eval("("+getCookie('batt')+")");
|
//console.info(batt);
|
$.ajax({
|
url : "BatttestdatastopAction!findByInfo",
|
async: true,
|
type : "POST",
|
data : "btds.BattGroupId="+batt.BattGroupId+"&btds.test_record_count="+batt.test_record_count,
|
dataType : "json",
|
success : function(data){
|
var model=eval("("+data.result+")");
|
//console.info(model.data);
|
if(model.code==1){
|
//setData(model.data,0);
|
//loadclose();
|
}
|
},
|
error : function(er) {
|
console.info(er);
|
}
|
});
|
|
searchAllData(batt);
|
|
$('#slide input').on('change',function(){
|
var value=$(this).val();
|
var index=parseInt((ALLData.length-1)*value/100);
|
//console.info(index);
|
if(ALLData!=undefined && ALLData.length>0){
|
//createVoltable($('#tbl-con'),arrTh,ALLData[index]);
|
setData(ALLData[index],Li_index);
|
}
|
});
|
});
|
|
|
//查询电池组当前所有的历史数据
|
function searchAllData(batt){
|
//console.info('开始查询');
|
$.ajax({
|
url : "BatttestdataAction!findByInfo",
|
async: true,
|
type : "POST",
|
data : "btd.BattGroupId="+batt.BattGroupId+"&btd.test_record_count="+batt.test_record_count,
|
dataType : "json",
|
success : function(data){
|
var model=eval("("+data.result+")");
|
if(model.code==1){
|
formatdata(model.data);
|
}else{
|
$('#searchNull').popup('open');
|
}
|
//alert();
|
//console.info(list);
|
|
|
$('#slide').css('visibility','visible');
|
loadclose();
|
},
|
error : function(er) {
|
loadclose();
|
$('#searchErr').popup('open');
|
//console.info(er);
|
}
|
});
|
}
|
|
//格式化对象数组
|
function formatdata(list){
|
if(list!=undefined && list.length>0){
|
//console.info(list.length);
|
ALLData=new Array();
|
var record = -1;
|
var index = -1;
|
var flag = false;
|
for(var i=0;i<list.length;i++){
|
//console.info(list[i]);
|
if(list[i].record_num != record){
|
ALLData[++index] = new Array();
|
|
if(list[i].record_num > 1){
|
flag = true;
|
ALLData[index] = ALLData[index-1].slice(0);
|
}
|
record = list[i].record_num;
|
}
|
ALLData[index][list[i].mon_num-1] = list[i];
|
if(flag){
|
setArrayVal(list[i],ALLData[index]);
|
flag = false;
|
}
|
}
|
var value=$('#slide input').val();
|
var index=parseInt((ALLData.length-1)*value/100);
|
setData(ALLData[index],Li_index);
|
}
|
//console.info(ALLData);
|
}
|
|
function setArrayVal(obj,list){
|
//console.info(obj);
|
if(obj != undefined && list != undefined){
|
for(var i = 0; i<list.length;i++){
|
list[i].group_vol = obj.group_vol;
|
list[i].record_num = obj.record_num;
|
list[i].record_time = obj.record_time;
|
list[i].test_cap = obj.test_cap;
|
list[i].test_curr = obj.test_curr;
|
list[i].test_timelong = obj.test_timelong;
|
|
}
|
}
|
}
|
|
//list:该表格中的所有对象数组 code: 0-电压 1-单体实际容量
|
function setData(arr,code){
|
if(arr!=undefined && arr.length>0 && code>=0){
|
var arrtd=new Array();
|
var arrval=new Array();
|
//Mon_numlist=new Array();
|
var sum=0;
|
var min;
|
var max;
|
var unit=""; //单位
|
switch(code){
|
//单体电压
|
case 0:{
|
unit="V";
|
Mon_vollist=new Array();
|
Mon_numlist=new Array();
|
for(var i=0;i<arr.length;i++){
|
arrval.push(arr[i].mon_vol.toFixed(3));
|
arrtd.push("#"+arr[i].mon_num);
|
Mon_numlist.push(arr[i].mon_num);
|
arrtd.push(arr[i].mon_vol.toFixed(3));
|
Mon_vollist.push(arr[i].mon_vol.toFixed(3));
|
sum+=parseFloat(arr[i].mon_vol.toFixed(3));
|
}
|
max=Math.max.apply(null, arrval);
|
min=Math.min.apply(null, arrval);
|
avg=(sum/arrval.length).toFixed(3);
|
var barCon=document.getElementById("mon_vol_bar");
|
|
if(myChart.getOption() == undefined){
|
createEcharts(myChart, Mon_numlist, Mon_vollist);
|
//console.info(myChart.getOption());
|
}else{
|
reflushEcharts(Mon_vollist);
|
}
|
createVoltable($('#tbl-con'),arrTh[Li_index],arrtd);
|
};break;
|
//实际容量
|
case 1:{
|
unit="AH";
|
Mon_reacaplist=new Array();
|
Mon_numlist=new Array();
|
var max_vol=0;
|
for(var i=0;i<arr.length;i++){
|
Mon_numlist.push(arr[i].mon_num);
|
if(arr[i].mon_vol>max_vol){
|
max_vol=arr[i].mon_vol;
|
}
|
}
|
for(var i=0;i<arr.length;i++){
|
var value=GetMonomerCap(batt.MonCapStd,GetHourRate(batt.MonCapStd,arr[i].test_curr),arr[i].test_cap,max_vol,arr[i].mon_vol,batt.MonVolStd,CapType_Real);
|
|
Mon_reacaplist.push(value.toFixed(0));
|
arrval.push(value.toFixed(0));
|
arrtd.push("#"+arr[i].mon_num);
|
arrtd.push(value.toFixed(0));
|
sum+=parseFloat(value.toFixed(0));
|
}
|
max=Math.max.apply(null, arrval);
|
min=Math.min.apply(null, arrval);
|
avg=(sum/arrval.length).toFixed(0);
|
var barCon = document.getElementById("mon_vol_bar");
|
//console.info(myChart.getOption());
|
if(myChart.getOption()==undefined){
|
createEcharts(myChart, Mon_numlist, Mon_reacaplist);
|
//console.info(myChart.getOption());
|
}else{
|
reflushEcharts(Mon_reacaplist);
|
}
|
createVoltable($('#tbl-con'),arrTh[Li_index],arrtd);
|
};break;
|
//剩余容量
|
case 2:{
|
unit="AH";
|
Mon_overcaplist=new Array();
|
Mon_numlist=new Array();
|
var max_vol=0;
|
for(var i=0;i<arr.length;i++){
|
Mon_numlist.push(arr[i].mon_num);
|
if(arr[i].mon_vol>max_vol){
|
max_vol=arr[i].mon_vol;
|
}
|
}
|
for(var i=0;i<arr.length;i++){
|
var value=GetMonomerCap(batt.MonCapStd,GetHourRate(batt.MonCapStd,arr[i].test_curr),arr[i].test_cap,max_vol,arr[i].mon_vol,batt.MonVolStd,CapType_Rest);
|
|
Mon_overcaplist.push(value.toFixed(0));
|
arrval.push(value.toFixed(0));
|
arrtd.push("#"+arr[i].mon_num);
|
arrtd.push(value.toFixed(0));
|
sum+=parseFloat(value.toFixed(0));
|
}
|
max=Math.max.apply(null, arrval);
|
min=Math.min.apply(null, arrval);
|
avg=(sum/arrval.length).toFixed(0);
|
var barCon=document.getElementById("mon_vol_bar");
|
if(myChart.getOption()==undefined){
|
createEcharts(myChart, Mon_numlist, Mon_overcaplist);
|
//console.info(myChart.getOption());
|
}else{
|
reflushEcharts(Mon_overcaplist);
|
}
|
createVoltable($('#tbl-con'),arrTh[Li_index],arrtd);
|
};break;
|
//容量百分比
|
case 3:{
|
unit="%";
|
Mon_percaplist=new Array();
|
Mon_numlist=new Array();
|
var max_vol=0;
|
for(var i=0;i<arr.length;i++){
|
Mon_numlist.push(arr[i].mon_num);
|
if(arr[i].mon_vol>max_vol){
|
max_vol=arr[i].mon_vol;
|
}
|
}
|
for(var i=0;i<arr.length;i++){
|
var value=GetMonomerCap(batt.MonCapStd,GetHourRate(batt.MonCapStd,arr[i].test_curr),arr[i].test_cap,max_vol,arr[i].mon_vol,batt.MonVolStd,CapType_Real);
|
|
Mon_percaplist.push((value*100/batt.MonCapStd).toFixed(0));
|
arrval.push((value*100/batt.MonCapStd).toFixed(0));
|
arrtd.push("#"+arr[i].mon_num);
|
arrtd.push((value*100/batt.MonCapStd).toFixed(0));
|
sum+=parseFloat((value*100/batt.MonCapStd).toFixed(0));
|
}
|
max=Math.max.apply(null, arrval);
|
min=Math.min.apply(null, arrval);
|
avg=(sum/arrval.length).toFixed(0);
|
var barCon=document.getElementById("mon_vol_bar");
|
if(myChart==undefined){
|
createEcharts(myChart, Mon_numlist, Mon_percaplist);
|
//console.info(myChart.getOption());
|
}else{
|
reflushEcharts(Mon_percaplist);
|
}
|
createVoltable($('#tbl-con'),arrTh[Li_index],arrtd);
|
};break;
|
|
}
|
$('#tbl-con').find('tbody td').each(function(i){
|
if($(this).text()==max){
|
$(this).addClass('green');
|
}else if($(this).text()==min){
|
$(this).addClass('red');
|
}
|
});
|
$(".max").text(max+unit); //设置表格头部的最大值
|
$(".min").text(min+unit); //设置表格头部的最小值
|
$(".avg").text(avg+unit); //设置表格头部的平均值
|
|
}
|
}
|
|
|
|
|
//创建电压表格
|
function createVoltable(ele,ThArr,TdArr){
|
ele.children('table').remove();
|
var _table=$('<table data-role="table" data-mode="column" class="ui-responsive"></table>');
|
var _thead=$('<thead></thead>');
|
var _tbody=$('<tbody></tbody>');
|
var TdArray=new Array(); //设置td的数组
|
var TdLength; //获取单元格个数
|
var TrLength; //获取行数
|
TdLength=TdArr.length*2;
|
TrLength=Math.ceil(TdLength/ThArr.length);
|
// 给每个th设置值
|
for(var i=0;i<ThArr.length;i++)
|
{
|
_th=$("<th>"+ThArr[i]+"</th>");
|
_thead.append(_th);
|
}
|
|
// 给每个td设置值
|
for(var i=0;i<TdArr.length;i++)
|
{
|
TdArray.push($("<td>"+TdArr[i]+"</td>"));
|
}
|
|
//将td以col个赋给tr
|
var n=0;
|
for(var i=0;i<TrLength;i++)
|
{
|
_tr=$("<tr></tr>");
|
for(var k=0;k<ThArr.length;k++)
|
{
|
_tr.append(TdArray[n++]);
|
_tbody.append(_tr);
|
}
|
}
|
_table.append(_thead); //将thead添加到table中
|
_table.append(_tbody); //将tbody添加到table中
|
//将table添加到指定的容器中
|
ele.append(_table).trigger('create');
|
}
|
|
//设置表格头部内容
|
function createCount(datas){
|
var temp=new Array();
|
var sum=0;
|
for(var i=0;i<datas.length;i++){
|
temp.push(datas[i]);
|
sum+=parseFloat(temp[i]);
|
}
|
var max=Math.max.apply(null, temp);
|
var min=Math.min.apply(null, temp);
|
var avg=(sum/temp.length).toFixed(3);
|
|
|
$(".max").text(max+'V');
|
$(".min").text(min+'V');
|
$(".avg").text(avg+'V');
|
}
|
|
// 点击更多的内容在页面显示对应内容
|
$('#list a').on('click', function() {
|
$('.ui-header .ui-title').text($(this).text());
|
$('title').text($(this).text());
|
var aIndex = $(this).index();
|
Li_index=aIndex;
|
$('.ui-collapsible-heading-toggle').click();
|
$('#list a').css('display','block');
|
$(this).css('display','none');
|
|
// 移出显示div的class(隐藏所有内容)
|
$('.div-list').removeClass('div-block');
|
$('.ui-grid-b').css('display','none'); //最值层
|
$('#mon_vol_bar').css('display','none'); //柱状图
|
$('#switchCon').css('display','none'); //柱状图开关
|
$('#slide').css('display','none'); //滑块
|
|
// 根据选择内容的下标显示对应的div
|
switch(aIndex) {
|
//显示单体电压
|
case 0:
|
$('.ui-grid-b').css('display','block'); //最值层
|
$('#switchCon').css('display','block'); //柱状图开关
|
// 点击更多根据开关显示或隐藏数据表格
|
if($('#switchCon .ui-flipswitch').hasClass('ui-flipswitch-active'))
|
{
|
$('.div-list').eq(0).addClass('div-block');
|
}else{
|
$('.div-list').eq(0).removeClass('div-block');
|
$('#mon_vol_bar').css('display','block'); //柱状图
|
}
|
var value = $('#slide input').val();
|
var index = parseInt((ALLData.length-1)*value/100);
|
//console.info(index);
|
if(ALLData != undefined && ALLData.length>0){
|
//createVoltable($('#tbl-con'),arrTh,ALLData[index]);
|
setData(ALLData[index],Li_index);
|
}
|
$('#slide').css('display','block'); //滑块
|
break;
|
//显示实际容量
|
case 1:
|
$('.ui-grid-b').css('display','block'); //最值层
|
$('#switchCon').css('display','block'); //柱状图开关
|
// 点击更多根据开关显示或隐藏数据表格
|
if($('#switchCon .ui-flipswitch').hasClass('ui-flipswitch-active'))
|
{
|
$('.div-list').eq(0).addClass('div-block');
|
}else{
|
$('.div-list').eq(0).removeClass('div-block');
|
$('#mon_vol_bar').css('display','block'); //柱状图
|
};
|
var value = $('#slide input').val();
|
var index = parseInt((ALLData.length-1)*value/100);
|
//console.info(index);
|
if(ALLData != undefined && ALLData.length>0){
|
//createVoltable($('#tbl-con'),arrTh,ALLData[index]);
|
setData(ALLData[index],Li_index);
|
}
|
$('#slide').css('display','block'); //滑块
|
break;
|
case 2:
|
$('.ui-grid-b').css('display','block'); //最值层
|
$('#switchCon').css('display','block'); //柱状图开关
|
// 点击更多根据开关显示或隐藏数据表格
|
if($('#switchCon .ui-flipswitch').hasClass('ui-flipswitch-active'))
|
{
|
$('.div-list').eq(0).addClass('div-block');
|
}else{
|
$('.div-list').eq(0).removeClass('div-block');
|
$('#mon_vol_bar').css('display','block'); //柱状图
|
}
|
var value=$('#slide input').val();
|
var index = parseInt((ALLData.length-1)*value/100);
|
//console.info(index);
|
if(ALLData != undefined && ALLData.length>0){
|
//createVoltable($('#tbl-con'),arrTh,ALLData[index]);
|
setData(ALLData[index],Li_index);
|
}
|
$('#slide').css('display','block'); //滑块
|
break;
|
case 3:
|
$('.ui-grid-b').css('display','block'); //最值层
|
$('#switchCon').css('display','block'); //柱状图开关
|
// 点击更多根据开关显示或隐藏数据表格
|
if($('#switchCon .ui-flipswitch').hasClass('ui-flipswitch-active'))
|
{
|
$('.div-list').eq(0).addClass('div-block');
|
}else{
|
$('.div-list').eq(0).removeClass('div-block');
|
$('#mon_vol_bar').css('display','block'); //柱状图
|
}
|
var value=$('#slide input').val();
|
var index=parseInt((ALLData.length-1)*value/100);
|
//console.info(index);
|
if(ALLData!=undefined && ALLData.length>0){
|
//createVoltable($('#tbl-con'),arrTh,ALLData[index]);
|
setData(ALLData[index],Li_index);
|
}
|
$('#slide').css('display','block'); //滑块
|
break;
|
case 4:{
|
var unit="V";
|
Group_vollist=new Array(); //组端电压
|
Group_vollist[0]=new Array(); //组端电压
|
Group_vollist[1]=new Array(); //在线电压
|
var time_list = new Array(); //时间坐标轴数组
|
for(var i=0;i<ALLData.length;i++){
|
Group_vollist[0].push(ALLData[i][0].group_vol);
|
Group_vollist[1].push(ALLData[i][0].online_vol);
|
|
time_list.push(formatSeconds(ALLData[i][0].test_timelong));
|
}
|
var vol_ele=document.getElementById("line-vol");
|
var height = document.documentElement.clientHeight + 'px';
|
var width = document.documentElement.clientWidth-20 + 'px';
|
$(vol_ele).height(height).width(width);
|
CreateLineEchartTop(vol_ele,group_vol,time_list,Group_vollist,getMaxFromArr(Group_vollist),getMinFromArr(Group_vollist));
|
$('.div-list').eq(aIndex-3).addClass('div-block');
|
};break;
|
case 5:{
|
unit="A";
|
Group_currlist=new Array(); //组端电流
|
var time_list = new Array(); //时间坐标轴数组
|
for(var i=0;i<ALLData.length;i++){
|
Group_currlist.push(ALLData[i][0].test_curr);
|
time_list.push(formatSeconds(ALLData[i][0].test_timelong));
|
}
|
var curr_ele=document.getElementById("line-curr");
|
var height = document.documentElement.clientHeight + 'px';
|
var width = document.documentElement.clientWidth-20 + 'px';
|
$(curr_ele).height(height).width(width);
|
CreateLineEchart(curr_ele,unit,time_list,Group_currlist);
|
$('.div-list').eq(aIndex-3).addClass('div-block');
|
};break;
|
case 6:{
|
var unit="A";
|
All_Mon_vollist=new Array();
|
var time_list = new Array(); //时间坐标轴数组
|
//console.info("-----");
|
//console.info(ALLData);
|
var ymax=Number.NEGATIVE_INFINITY;
|
var ymin=Number.POSITIVE_INFINITY;
|
for(var i=0;i<ALLData.length;i++){
|
time_list.push(formatSeconds(ALLData[i][0].test_timelong));
|
for(var j=0;j<ALLData[i].length;j++){
|
if(ymax<ALLData[i][j].mon_vol){
|
ymax=ALLData[i][j].mon_vol;
|
}
|
if(ymin>ALLData[i][j].mon_vol){
|
ymin=ALLData[i][j].mon_vol;
|
}
|
if(All_Mon_vollist[j]==undefined){
|
All_Mon_vollist[j]=new Array();
|
}
|
All_Mon_vollist[j].push((ALLData[i][j].mon_vol).toFixed(3));
|
}
|
}
|
console.info(ymax+"==="+ymin);
|
var ele=document.getElementById("line-mon-vol");
|
var height = document.documentElement.clientHeight + 'px';
|
var width = document.documentElement.clientWidth-20 + 'px';
|
$(ele).height(height).width(width);
|
//console.info(All_Mon_vollist);
|
//console.info(Mon_numlist);
|
CreateMulLineEchart(ele,Mon_numlist,time_list,All_Mon_vollist,ymax,ymin);
|
$('.div-list').eq(aIndex-3).addClass('div-block');
|
};break;
|
}
|
});
|
|
// 点击开关切换数据表格和柱状图
|
$('#switchCon').on('click', '.ui-flipswitch', function() {
|
if($(this).hasClass('ui-flipswitch-active'))
|
{
|
$('#mon_vol_bar').css('display','none');
|
$('#tbl-con').addClass('div-block');
|
console.info("数据");
|
}else{
|
$('#tbl-con').removeClass('div-block');
|
$('#mon_vol_bar').css('display','block');
|
console.info("柱状图");
|
$('#mon_vol_bar').css({
|
width: '100%',
|
height: $.mobile.getScreenHeight() - 100+'px'
|
});
|
myChart.resize();
|
reflushEcharts(myChart.getOption().series[0].data);
|
}
|
});
|
|
function createEcharts(ele,yarr,xarr){
|
//console.info(xarr.length);
|
var height = document.documentElement.clientHeight + 'px';
|
var width = document.documentElement.clientWidth-20 + 'px';
|
$(ele).height(height).width(width);
|
//$('.show').height(document.documentElement.clientHeight - 65 + 'px').width(width);
|
createBar(ele, yarr, xarr);
|
}
|
|
// 当横屏和竖屏切换时更改面板的高度
|
$(window).on("orientationchange",function(){
|
setTimeout(function() {
|
var srnWidth = $(window).width()-5;
|
var srnHt = $.mobile.getScreenHeight()-50;
|
$('#mon_vol_bar').width(srnWidth);
|
$('#mon_vol_bar').height(srnHt);
|
|
$('#line-vol').width(srnWidth);
|
$('#line-vol').height(srnHt);
|
|
$('#line-curr').width(srnWidth);
|
$('#line-curr').height(srnHt);
|
|
$('#line-mon-vol').width(srnWidth);
|
$('#line-mon-vol').height(srnHt);
|
|
myLineChartTop.resize();
|
myChart.resize();
|
reflushEcharts(myChart.getOption().series[0].data);
|
myLineChart.resize();
|
myMulLineChart.resize();
|
}, 200);
|
});
|
|
function deepCopy(p, c) {
|
var c = c || {};
|
for (var i in p) {
|
if (typeof p[i] === 'object') {
|
c[i] = (p[i].constructor === Array) ? [] : {};
|
deepCopy(p[i], c[i]);
|
} else {
|
c[i] = p[i];
|
}
|
}
|
return c;
|
}
|
</script>
|
</html>
|
