<!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"/>
|
|
<link rel="stylesheet" type="text/css" href="css/tbl.css">
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
<link rel="stylesheet" href="css/fgpanel.css">
|
|
</head>
|
<body>
|
<div data-role="page" id="pageone">
|
<!-- 面板内容 -->
|
<div class="fg-panel">
|
<form id="search_form" method="post">
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content">
|
<input type="hidden" id="test_type" name="bmd.tdata.test_type" value="3"/>
|
<fieldset data-role="controlgroup">
|
|
<p>维护区</p>
|
<select id="privince" name="bmd.binf.StationName1" data-mini="true">
|
<option value="">全部</option>
|
|
</select>
|
|
<p>机房站点</p>
|
<select id="city" name="bmd.binf.StationName" data-mini="true">
|
<option value="">全部</option>
|
</select>
|
|
<p>蓄电池组</p>
|
<select id="battgroup_name" name="bmd.binf.BattGroupId" data-mini="true">
|
<option value="0">全部</option>
|
</select>
|
<p>单体编号选择</p>
|
<select id="Single_number" name="bmd.binf.MonNum" data-mini="true">
|
<option value="0">全部（共0节）</option>
|
</select>
|
<div>
|
<legend class="volTest">放电测试</legend>
|
<label for="elevol">放电截止电压</label>
|
<input type="radio" name="voltages" id="elevol" checked="checked" value="0">
|
<label for="realcap">预估实际容量</label>
|
<input type="radio" name="voltages" id="realcap" value="1">
|
</div>
|
<div>
|
<legend class="resisTest">内阻/电导测试</legend>
|
<label for="vol">电压</label>
|
<input type="radio" name="voltages" id="vol" value="2">
|
<label for="cap">电导</label>
|
<input type="radio" name="voltages" id="cap" value="3">
|
<label for="capper">电导百分比</label>
|
<input type="radio" name="voltages" id="capper" value="4">
|
<label for="res">内阻</label>
|
<input type="radio" name="voltages" id="res" value="5">
|
<label for="tem">温度</label>
|
<input type="radio" name="voltages" id="tem" value="6">
|
<label for="tiebar">连接条阻抗</label>
|
<input type="radio" name="voltages" id="tiebar" value="7">
|
</div>
|
</fieldset>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" data-role="button" id="search" class="ui-btn ui-mini ui-btn-b ui-shadow">确定</a>
|
</div>
|
</form>
|
</div>
|
<!-- 头部内容 -->
|
<div data-role="header" data-position="fixed">
|
<a href="count-report.html" 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>
|
<a href="javascript:panel.show();" class="ui-btn ui-corner-all ui-shadow ui-icon-grid ui-btn-icon-left" style="padding-top: 0.7em; padding-bottom: 0.7em;" id="screen">筛选</a>
|
</div>
|
<!-- 主体内容 -->
|
<div data-role="main">
|
<!-- 表格容器 -->
|
<div class="tbl-container"></div>
|
<table data-role="table" class="ui-responsive ui-shadow" id="tab" >
|
|
</table>
|
</div>
|
<!-- 页脚内容 -->
|
<div data-role="footer" data-position="fixed">
|
<div data-role="navbar">
|
|
<ul>
|
<li><a href="index.html" target="_top" data-icon="home">主页</a></li>
|
<li><a href="#pagetwo" data-icon="arrow-r" >折线图</a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div data-role="page" id="pagetwo">
|
<div data-role="header">
|
<a href="#pageone" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-l ui-btn-icon-left" target="_top" style="padding-bottom:0.7em; padding-top:0.7em;">返回</a>
|
<h1>电池单体统计分析查询</h1>
|
</div>
|
|
<div data-role="main" class="ui-content">
|
<div id="conEchart" style="width:100%;"></div>
|
</div>
|
|
<!-- <div data-role="footer" data-position="fixed">
|
<h1>福光电子有限公司</h1>
|
</div> -->
|
</div>
|
</body>
|
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<script type="text/javascript" src="js/tbl.js"></script>
|
<script type="text/javascript" src="js/echarts.js"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
<script type="text/javascript">
|
$(function(){
|
panel.show();
|
});
|
|
var echart_type = 0; //记录radio的选中状态0:放电截止电压 1：预估实际容量 2：电压 3：电导 4：电导百分比 5：内阻 6：温度 7：连接条阻抗
|
var mycapacityChart;
|
var OconEchart=document.getElementById("conEchart"); //绘图区域对象
|
mycapacityChart = echarts.init(OconEchart); //初始化echarts对象
|
//创建图片
|
var data = new Date;
|
var arrTh1 = ['编号', '测试日期', '测试电流（AH）', '测试容量（AH）', '单体编号', '单体电压（V）', '实际容量（AH）', '剩余容量（AH）','容量百分比','维护建议'];
|
var arrTh2 = ['编号', '测试日期', '单体编号', '单体电压（V）', '单体温度（℃）', '单体内阻', '单体电导', '单体电导百分比（%）','连接条阻抗','电导分析基准', '电导基准值', '维护建议'];
|
var dataArr = new Array();
|
dataArr = [];
|
var newArrTd = [];
|
var tblCon = $('.tbl-container');
|
|
//点击筛选弹出选择框时,查询维护区中的枢纽类型(尝试加载就返回数据)
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
var $select=$("#privince");
|
$select.text("");
|
for(var i=0;i<=data.data.length;i++){
|
$option=$("<option></option>");
|
if(i==0){
|
$option.html("全部(共"+data.sum+"节)");
|
$select.siblings('span').text($option.text());
|
$option.attr("value", "");
|
}else{
|
$option.text(data.data[i-1].StationName1);
|
$option.attr("value",data.data[i-1].StationName1);
|
}
|
$select.append($option);
|
}
|
}
|
findStationNamebyStationname1();
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#privince').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#privince option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#city");
|
$select.text("");
|
for(var i=0;i<data.data.length;i++){
|
var $option=$("<option></option>");
|
$option.text(data.data[i].StationName);
|
$option.attr("value",data.data[i].StationName);
|
if(i==0){
|
//$option.html("全部(共"+data.sum+"种)");
|
$select.siblings('span').text($option.text());
|
//$option.attr("value", "");
|
}else{
|
|
}
|
$select.append($option);
|
}
|
}
|
findserchByBattGroupNamebystationname();
|
});
|
}
|
//
|
$('#city').on('change', function(){
|
findserchByBattGroupNamebystationname();
|
});
|
//根据维护区和机房查询蓄电池组
|
function findserchByBattGroupNamebystationname(){
|
var station_name1=$("#privince option:selected").val();
|
var station_name=$("#city option:selected").val();
|
$.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
//console.info(data.data.length);
|
if(data.code==1 && data.data.length>0){
|
var $Obattgroup_name = $("#battgroup_name");
|
var arr = new Array();
|
for(var i=0;i<=data.data.length;i++) {
|
if(i == 0) {
|
arr.push({
|
val: "0",
|
txt: "全部(共"+data.sum+"组)"
|
});
|
}else{
|
arr.push({
|
val: data.data[i-1].BattGroupId,
|
txt:data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"节"
|
});
|
}
|
}
|
updataSel($Obattgroup_name, arr);
|
}
|
Obattgroup_nameonchange();
|
});
|
}
|
|
$("#battgroup_name").on('change',function(){
|
Obattgroup_nameonchange();
|
});
|
//当选择蓄电池组时
|
function Obattgroup_nameonchange(){
|
var battgroup_id = $("#battgroup_name option:selected").val();
|
var $OSingle_number = $("#Single_number");
|
$OSingle_number.text("");
|
//alert();
|
if(battgroup_id==0){
|
var $option = $("<option></option>");
|
$option.html("全部");
|
$option.attr("value", 0);
|
$OSingle_number.siblings('span').text($option.text());
|
$OSingle_number.append($option);
|
}else{
|
$.post("BattInfAction!serchByMonNum","bif.BattGroupId="+battgroup_id,function(data){
|
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
data=data.data[0];
|
//console.info(data);
|
for(var i=0;i<=data.MonCount;i++){
|
var $option = $("<option></option>");
|
if(i!=0){
|
$option.attr("value", i);
|
$option.html(i);
|
//console.info(i);
|
}else{
|
$option.html("全部选择：（共"+data.MonCount+"节）");
|
$option.attr("value", 0);
|
$OSingle_number.siblings('span').text($option.text());
|
}
|
$OSingle_number.append($option);
|
}
|
}
|
});
|
}
|
};
|
|
//修改需要查看的折线图
|
$('#search_form div input[type="radio"]').click(function(){
|
var temp = $(this).val();
|
if(temp >= 0 && temp <= 1){
|
$('#test_type').val(3);
|
echart_type = temp;
|
}else if(temp >= 2 && temp <= 7){
|
echart_type = temp;
|
$('#test_type').val(5);
|
}
|
});
|
|
$("#search").click(function(){
|
var battgroupid=$('#battgroup_name').attr('value');
|
if(battgroupid==undefined||battgroupid==0 ){
|
alert("请选择电池组！");
|
}else{
|
searchMonomer();
|
}
|
});
|
|
|
var MonNumlist; //单体编号数组
|
var MonVollist; //放电截止电压数组
|
var MonTestDate; //测试时间
|
var RealCaplist; //预估实际容量集合
|
var Voltagelist; //电导电压数组
|
var Conductlist; //电导数组
|
var Conductpercentlist; //电导百分比数组
|
var Resistancelist; //内阻数组
|
var Templist; //温度数组
|
var ConnOhmlist; //连接条阻抗
|
//查询单体
|
|
function searchMonomer(){
|
MonNumlist=new Array();
|
MonVollist=new Array();
|
MonTestDate=new Array();
|
RealCaplist=new Array();
|
|
Voltagelist=new Array();
|
Conductlist=new Array();
|
Conductpercentlist=new Array();
|
Resistancelist=new Array();
|
Templist=new Array();
|
ConnOhmlist=new Array();
|
|
//创建等待的框框
|
loadshow();
|
var battgroupid=$('#battgroup_name').attr('value');
|
console.info($("#search_form").serialize());
|
if(battgroupid!=undefined && battgroupid!=0){
|
$.post("Batt_MaintAction!serchMon_num",$("#search_form").serialize(),function(data){
|
arrResisTestTd=new Array();
|
arrChargeTd=new Array();
|
data=data.result;
|
data=eval("("+data+")");
|
//alert(battgroupid);
|
//console.info(data);
|
//console.info(data.data);
|
if(data.code==1 && data.data.length>0){
|
data=data.data;
|
var test_type=$('#test_type').attr('value');
|
if(test_type==3){
|
//查询充放电测试的数据
|
var index=0;
|
for(var i=0;i<data.length;i++){
|
//$('#total').text(data[i].smodel.data.length);
|
if(data[i].smodel.code==1 && data[i].smodel.data.length>0){
|
var lowCA=data[i].smodel.lowCA;
|
var lowCH=data[i].smodel.lowCH;
|
var testdateIndex=-1;
|
var test_record_count=0;
|
for(var j=0;j<data[i].smodel.data.length;j++){
|
if(MonVollist[data[i].smodel.data[j].mon_num-1]==undefined){
|
MonVollist[data[i].smodel.data[j].mon_num-1]=new Array();
|
RealCaplist[data[i].smodel.data[j].mon_num-1]=new Array();
|
}
|
// console.info(test_record_count+"&&&&&");
|
if(test_record_count!=data[i].smodel.data[j].test_record_count){
|
MonTestDate.push(data[i].smodel.data[j].test_starttime);
|
test_record_count=data[i].smodel.data[j].test_record_count;
|
}
|
MonVollist[data[i].smodel.data[j].mon_num-1].push(data[i].smodel.data[j].mon_vol.toFixed(3));
|
|
MonNumlist[data[i].smodel.data[j].mon_num-1]=data[i].smodel.data[j].mon_num;
|
|
|
arrChargeTd[index++]=(i+1)+"-"+data[i].smodel.data[j].mon_num; //编号
|
arrChargeTd[index++]=data[i].smodel.data[j].test_starttime; //测试日期
|
arrChargeTd[index++]=data[i].smodel.data[j].test_curr.toFixed(1); //测试电流
|
arrChargeTd[index++]=data[i].smodel.data[j].test_cap.toFixed(1); //测试容量
|
arrChargeTd[index++]=data[i].smodel.data[j].mon_num; //单体编号
|
arrChargeTd[index++]=data[i].smodel.data[j].mon_vol.toFixed(3); //单体电压
|
var realCap=Math.round(GetMonomerCap(data[i].data.binf.MonCapStd,GetHourRate(data[i].data.binf.MonCapStd,data[i].smodel.data[j].test_curr),data[i].smodel.data[j].test_cap,data[i].data.tdata.max_monvol,data[i].smodel.data[j].mon_vol,data[i].data.binf.MonVolStd,CapType_Real)); //实际容量
|
//console.info(data[i].data.tdata.max_monvol);
|
arrChargeTd[index++]=realCap;
|
RealCaplist[data[i].smodel.data[j].mon_num-1].push(realCap);
|
var rest=Math.round(GetMonomerCap(data[i].data.binf.MonCapStd,GetHourRate(data[i].data.binf.MonCapStd,data[i].smodel.data[j].test_curr),data[i].smodel.data[j].test_cap,data[i].data.tdata.max_monvol,data[i].smodel.data[j].mon_vol,data[i].data.binf.MonVolStd,CapType_Rest)); //剩余容量
|
arrChargeTd[index++]=rest;
|
arrChargeTd[index++]=(realCap/data[i].data.binf.MonCapStd).toFixed(2)*100+"%"; //容量百分比
|
if(realCap>=data[i].data.binf.MonCapStd*lowCA){
|
arrChargeTd[index++]="正常"; //维护记录 正常
|
}else if(realCap<data[i].data.binf.MonCapStd*lowCA && realCap>data[i].data.binf.MonCapStd*lowCH){
|
arrChargeTd[index++]="告警"; //维护记录 告警
|
}else{
|
arrChargeTd[index++]="更换"; //维护记录 更换
|
}
|
}
|
}
|
}
|
// console.info(arrChargeTd);
|
createTbl(tblCon, arrTh1, arrChargeTd);
|
}else if(test_type==5){
|
//查询电导测试数据
|
//console.info(123456);
|
var index=0;
|
//console.info(data);
|
for(var i=0;i<data.length;i++){
|
if(data[i].rmodel.code==1 && data[i].rmodel.data.length>0){
|
$('#total').text(data[i].rmodel.data.length);
|
var test_record_count=0;
|
var test_index=-1;
|
for(var j=0;j<data[i].rmodel.data.length;j++){
|
//console.info(data[i].rmodel)
|
mdata=data[i].rmodel.data[j];
|
var momnum=(mdata.mon_num+"").substring(0,(mdata.mon_num+"").length-1);
|
if(Voltagelist[momnum-1] ==undefined){
|
Voltagelist[momnum-1]=new Array();
|
Conductlist[momnum-1]=new Array();
|
Conductpercentlist[momnum-1]=new Array();
|
Resistancelist[momnum-1]=new Array();
|
Templist[momnum-1]=new Array();
|
ConnOhmlist[momnum-1]=new Array();
|
}
|
if(test_record_count!=mdata.test_record_count){
|
MonTestDate[++test_index]=mdata.test_starttime;
|
test_record_count=mdata.test_record_count;
|
}
|
|
Voltagelist[momnum-1][test_index]=(mdata.mon_vol).toFixed(3);
|
Conductlist[momnum-1][test_index]=mdata.mon_ser;
|
Resistancelist[momnum-1][test_index]=(mdata.mon_res).toFixed(3);
|
Templist[momnum-1][test_index]=(mdata.mon_tmp).toFixed(1);
|
ConnOhmlist[momnum-1][test_index]=(mdata.conn_res).toFixed(3);
|
|
MonNumlist[momnum-1]=momnum;
|
MonTestDate[test_index]=mdata.test_starttime;
|
|
//console.info((mdata.mon_num+"").length+"mdata.mon_num");
|
//console.info(momnum+"momnum");
|
arrResisTestTd[index++]=mdata.test_record_count+"-"+momnum; //编号
|
arrResisTestTd[index++]=mdata.test_starttime; //测试日期
|
arrResisTestTd[index++]=momnum; //单体编号
|
arrResisTestTd[index++]=mdata.mon_vol.toFixed(3); //单体电压
|
arrResisTestTd[index++]=mdata.mon_tmp.toFixed(1); //单体温度
|
arrResisTestTd[index++]=mdata.mon_res.toFixed(3); //单体内阻
|
arrResisTestTd[index++]=mdata.mon_ser; //单体电导
|
if(data[i].data.binf.MonSerStd!=0){
|
console.info(data[i].data.binf.MonSerStd);
|
arrResisTestTd[index++]=((mdata.mon_ser/data[i].data.binf.MonSerStd)*100).toFixed(1); //电导百分比
|
}else{
|
arrResisTestTd[index++]=(0).toFixed(1); //电导百分比
|
}
|
Conductpercentlist[momnum-1][test_index]=arrResisTestTd[index-1];
|
//console.info(mdata);
|
arrResisTestTd[index++]=mdata.conn_res.toFixed(3); //连接条阻抗
|
arrResisTestTd[index++]=data[i].rmodel.newsum==1?"平均值":" 标称值"; /* 平均值 标称值 */ //电导分析基准
|
arrResisTestTd[index++]=mdata.mon_avg.toFixed(0); //电导基准值
|
|
var lowRa=data[i].rmodel.lowRA;
|
var lowRH=data[i].rmodel.lowRH;
|
if(data[i].rmodel.newsum==1){
|
//根据平均值比较
|
if(mdata.mon_ser>=((mdata.mon_avg.toFixed(0))*lowRa)){
|
arrResisTestTd[index++]="正常"; /* 正常 */ //维护建议
|
}else if(mdata.mon_ser<(mdata.mon_avg.toFixed(0))*lowRa && mdata.mon_ser>(mdata.mon_avg.toFixed(0))*lowRH){
|
arrResisTestTd[index++]="告警"; /* 告警 */ //维护建议
|
}else{
|
arrResisTestTd[index++]="更换"; /* 更换 */
|
}
|
|
}else if(data[i].rmodel.newsum==0){
|
//根据标称值比较
|
var MonSerstd=data[i].data.binf.MonResStd;
|
//console.info(MonSerstd);
|
if(mdata.mon_ser>=(MonSerstd*lowRa)){
|
arrResisTestTd[index++]="正常"; /* 正常 */
|
}else if(mdata.mon_ser<(MonSerstd*lowRa) && mdata.mon_ser>MonSerstd*lowRH){
|
arrResisTestTd[index++]="告警"; /* 告警 */
|
}else{
|
arrResisTestTd[index++]="更换"; /* 更换 */
|
}
|
}
|
}
|
}
|
}
|
console.info(arrResisTestTd);
|
createTbl(tblCon, arrTh2, arrResisTestTd);
|
}
|
}else{
|
$('#searchNull').popup('open');
|
createTbl(tblCon, arrTh2, new Array());
|
}
|
loadclose();
|
createPicture();
|
}).error(function(){
|
loadclose();
|
$('#searchErr').popup('open');
|
});
|
}else{
|
|
loadclose();
|
|
}
|
}
|
createPicture();
|
//创建指定的折线图
|
function createPicture(){
|
var arr = getArrayByType(echart_type);
|
var unit = getUnit(echart_type);
|
if(MonNumlist != undefined && MonNumlist.length>0){
|
// console.info(arr);
|
// console.info(MonTestDate);
|
CreateLineEchart(mycapacityChart,MonNumlist,MonTestDate,arr, unit);
|
}else {
|
CreateLineEchart(mycapacityChart,[],[],[], unit);
|
}
|
|
|
/* var date=['2015-07-7 8:10:10','2015-07-8 8:10:10','2015-07-9 8:10:10','2015-07-10 8:10:10'];
|
date.sort(function(a,b){
|
var d1=new Date(a.replace(/-/g,"/"));
|
var d2=new Date(b.replace(/-/g,"/"));
|
return d1-d2;
|
});
|
//console.info(date);
|
CreateLineEchart(OconEchart,['电池组ID1号','电池组ID2号','电池组ID3号','电池组ID4号'],date,[[20,40,60,80],[100,40,25,78],[90,14,35,67],[15,100,20,60]]); */
|
}
|
|
//根据当前的echart选中状态获取指定的数组
|
function getArrayByType(type){
|
var _type = parseInt(type);
|
var temp = new Array();
|
switch(_type){
|
case 0:temp = MonVollist;break;
|
case 1:temp = RealCaplist;break;
|
case 2:temp = Voltagelist;break;
|
case 3:temp = Conductlist;break;
|
case 4:temp = Conductpercentlist;break;
|
case 5:temp = Resistancelist;break;
|
case 6:temp = Templist;break;
|
case 7:temp = ConnOhmlist;break;
|
}
|
return temp;
|
}
|
|
//根据当前的echart选中状态获取符号
|
function getUnit(type){
|
var _type = parseInt(type);
|
var temp = '';
|
switch(_type){
|
case 0:temp = "(V)";break;
|
case 1:temp = "(AH)";break;
|
case 2:temp = "(V)";break;
|
case 3:temp = "";break;
|
case 4:temp = "(%)";break;
|
case 5:temp = "(mΩ)";break;
|
case 6:temp = "(℃)";break;
|
case 7:temp = "";break;
|
}
|
return temp;
|
}
|
|
// 设置页面中折线图的大小
|
$(function() {
|
initEchartHt();
|
|
// 当横屏和竖屏切换时更改面板的高度
|
$(window).on("orientationchange",function(){
|
setTimeout(function() {
|
initEchartHt();
|
}, 200);
|
});
|
});
|
|
// 设置echarts容器的宽高
|
function initEchartHt() {
|
// 获取屏幕的高度
|
var winHt = $.mobile.getScreenHeight();
|
var winWidth = $(window).width();
|
$('#conEchart').height(winHt - 60);
|
$('#conEchart').width(winWidth - 16);
|
mycapacityChart.resize();
|
}
|
|
//创建电池组统计分析折线图
|
function CreateLineEchart(echart,lname,xdata,sdata, unit){
|
console.info(lname);
|
console.info(xdata);
|
echart.clear();
|
var option={
|
tooltip:{
|
trigger:'axis'
|
},
|
title : {
|
//text: tname,
|
x: "center", //标题水平方向位置
|
textStyle: {
|
fontSize:13
|
}
|
},
|
|
|
toolbox:{
|
show : true
|
},
|
xAxis:{
|
data:xdata,
|
axisPointer: {
|
//value: '2016-10-7',
|
snap: true,
|
lineStyle: {
|
color: '#004E52',
|
opacity: 0.5,
|
width: 2
|
},
|
label: {
|
show: true,
|
formatter: function (params) {
|
return echarts.format.formatTime('yyyy-MM-dd HH:mm:ss', params.value);
|
},
|
backgroundColor: '#004E52'
|
},
|
handle: {
|
show: true,
|
color: '#004E52'
|
}
|
}
|
},
|
grid: {
|
top:'10%',
|
left: '1%',
|
right: '4%',
|
bottom: 55,
|
containLabel: true
|
},
|
yAxis:[{
|
name:unit,
|
type:'value',
|
max: (getMaxFromArr(sdata)*1.15).toFixed(1),
|
min: (getMinFromArr(sdata)*0.8).toFixed(1),
|
axisLabel:{
|
formatter:function(value){
|
//解决原点处带符号问题
|
if(value==0)
|
{
|
return value;
|
}else{
|
return value ;
|
}
|
}
|
}
|
}],
|
series:function(){
|
var serie=[];
|
//console.info(sdata);
|
for( var i=0;i<sdata.length;i++){
|
//console.info(lname[i]);
|
//console.info(sdata[i]);
|
var item={
|
name:lname[i],
|
type:'line',
|
//symbol:'none',
|
data:sdata[i],
|
itemStyle:{
|
normal:{
|
lineStyle:{
|
width:1
|
}
|
}
|
}
|
};
|
serie.push(item);
|
}
|
//console.info(serie);
|
return serie;
|
}()
|
|
};
|
// 使用刚指定的配置项和数据显示图表。
|
echart.setOption(option);
|
}
|
/*从多维数组中获取最大值*/
|
function getMaxFromArr(arr) {
|
var newArray = arr.join(",").split(",");
|
return Math.max.apply({},newArray);
|
}
|
|
/*从多维数组中获取最小值*/
|
function getMinFromArr (arr) {
|
var newArray = arr.join(",").split(",");
|
return Math.min.apply({},newArray);
|
}
|
</script>
|
</html>
|
|
|
