961 lines
37 KiB
JavaScript
961 lines
37 KiB
JavaScript
var lineIndex = window.parent.document.getElementById("lineIndex").value;
|
||
var allstime = window.parent.document.getElementById("allstime").value;
|
||
var alletime = window.parent.document.getElementById("alletime").value;
|
||
var checkpieces = window.parent.document.getElementById("checkpieces").value;
|
||
var checkpiecee = window.parent.document.getElementById("checkpiecee").value;
|
||
var allstartTime,allendTime;
|
||
var tltName;
|
||
|
||
$(document).ready(function (){
|
||
if(lineIndex==null || lineIndex == ""){
|
||
return;
|
||
}
|
||
$(".form-control[disabled], fieldset[disabled] .form-control").removeAttr("disabled");
|
||
createTime();
|
||
})
|
||
|
||
var dateSilderObj;
|
||
//创建时间横轴提供用户选择时间节点
|
||
//月份定义
|
||
var Months = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
|
||
function createTime(){
|
||
$.ajax({
|
||
type:'post',
|
||
async : false,
|
||
url:'/pqs9000/device/getSETime',
|
||
data:{
|
||
lineIndex:lineIndex
|
||
},
|
||
success:function(data){
|
||
if(data.code === 500){
|
||
layer.msg(data.message, {
|
||
icon : 2,
|
||
time : 2000
|
||
}, function() {
|
||
$("#point").attr("style","display:true;");
|
||
$("#main").attr("style","display:none;");
|
||
});
|
||
}else{
|
||
$("#main").attr("style","display:true;");
|
||
$(".container-fluid").attr("style","display:true;");
|
||
$("#point").attr("style","display:none;");
|
||
|
||
var Sliderwidth = $("body").width()-436;
|
||
$("#container0").css("width", Sliderwidth);
|
||
|
||
var times = data.body;
|
||
var timeseries = [];
|
||
if(times.length>1){
|
||
for(var i = 0;i<times.length;i++){
|
||
var desc;
|
||
allstartTime = data.body[i].startTime;
|
||
allendTime = data.body[i].endTime;
|
||
desc = timestampToTime(allstartTime)+'-'+timestampToTime(allendTime);
|
||
timeseries.push({name:desc,data:[allstartTime,allendTime],x:allstartTime});
|
||
}
|
||
|
||
if(checkpieces != null && checkpieces != "" && checkpiecee != null && checkpiecee != ""){
|
||
creatGroups(timeseries);
|
||
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
||
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),parseInt(allstime),parseInt(alletime));
|
||
}else{
|
||
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),allstartTime,allendTime);
|
||
}
|
||
}else{
|
||
creatGroups(timeseries);
|
||
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
||
creatSlider(allstartTime,allendTime,parseInt(allstime),parseInt(alletime));
|
||
}else{
|
||
creatSlider(allstartTime,allendTime,allstartTime,allendTime);
|
||
}
|
||
}
|
||
}else{
|
||
$("#timegroup").attr("style","display:none;");
|
||
allstartTime = data.body[0].startTime;
|
||
allendTime = data.body[0].endTime;
|
||
|
||
if(checkpieces != null && checkpieces != "" && checkpiecee != null && checkpiecee != ""){
|
||
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
||
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),parseInt(allstime),parseInt(alletime));
|
||
}else{
|
||
creatSlider(parseInt(checkpieces),parseInt(checkpiecee),allstartTime,allendTime);
|
||
}
|
||
}else{
|
||
if(allstime != null && allstime != "" && alletime != null && alletime != ""){
|
||
creatSlider(allstartTime,allendTime,parseInt(allstime),parseInt(alletime));
|
||
}else{
|
||
creatSlider(allstartTime,allendTime,allstartTime,allendTime);
|
||
}
|
||
}
|
||
}
|
||
|
||
tltName="谐波电压含有率";
|
||
queryData(tltName);
|
||
$("#ss").css("maxWidth",parent.picWidth);
|
||
$("#point").css("width",parent.picWidth);
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
|
||
function creatGroups(timeseries){
|
||
Highcharts.chart('container0', {
|
||
chart: {
|
||
type: 'timeline',
|
||
margin: [0, 0, 0, 0]
|
||
},
|
||
xAxis: {
|
||
visible: false
|
||
},
|
||
yAxis: {
|
||
visible: false
|
||
},
|
||
credits: {
|
||
enabled:false
|
||
},
|
||
colors:[guowang],
|
||
exporting: {
|
||
enabled:false
|
||
},
|
||
title: {
|
||
text:null
|
||
},
|
||
toolbox:{
|
||
show:false
|
||
},
|
||
plotOptions: {
|
||
series: {
|
||
cursor: 'timeline',
|
||
dataLabels: {
|
||
enabled: false
|
||
},
|
||
events: {
|
||
click: function(e) {//点击图上的值时会调用。this为series
|
||
creatSlider(e.point.data[0],e.point.data[1]);
|
||
window.parent.document.getElementById("checkpieces").value=e.point.data[0];
|
||
window.parent.document.getElementById("checkpiecee").value=e.point.data[1];
|
||
}
|
||
}
|
||
}
|
||
},
|
||
series: [{
|
||
data: timeseries
|
||
}]
|
||
});
|
||
}
|
||
|
||
function creatSlider(allstartTime,allendTime,astime,aetime){
|
||
$("#dateSlider").empty();
|
||
var date = $("<div id='date' />").appendTo($("#dateSlider"));//渲染日期组件
|
||
var step = 100/((allendTime-allstartTime)/(24*60*60*1000));
|
||
dateSilderObj=date.dateRangeSlider({
|
||
arrows:false,//是否显示左右箭头
|
||
bounds: {min: new Date(allstartTime), max: new Date(allendTime)},//最大 最少日期
|
||
defaultValues: {min: new Date(astime), max: new Date(aetime)}//默认选中区域
|
||
,scales:[{
|
||
first: function(value){return value; },
|
||
end: function(value) {return value; },
|
||
next: function(val){
|
||
var next = new Date(val);
|
||
return new Date(next.setMonth(next.getMonth() + 1));
|
||
},
|
||
label: function(val){
|
||
return Months[val.getMonth()];
|
||
},
|
||
format: function(tickContainer, tickStart, tickEnd){
|
||
tickContainer.addClass("myCustomClass");
|
||
}
|
||
}]
|
||
});//日期控件
|
||
//重新赋值（整个时间轴）
|
||
dateSilderObj.dateRangeSlider("bounds", new Date(allstartTime), new Date(allendTime));
|
||
laydate.render({
|
||
elem: '#startTime'
|
||
,min: timestampToTime(allstartTime)
|
||
,max: timestampToTime(allendTime)
|
||
,type: 'datetime'
|
||
,done: function(value, date, endDate){
|
||
var chas = new Date(value);
|
||
var chae = new Date($('#endTime').val());
|
||
dateSilderObj.dateRangeSlider("values", chas,chae);
|
||
}
|
||
});
|
||
laydate.render({
|
||
elem: '#endTime'
|
||
,min: timestampToTime(allstartTime)
|
||
,max: timestampToTime(allendTime)
|
||
,type: 'datetime'
|
||
,done: function(value, date, endDate){
|
||
var chae = new Date(value);
|
||
var chas = new Date($('#startTime').val());
|
||
dateSilderObj.dateRangeSlider("values", chas,chae);
|
||
}
|
||
});
|
||
|
||
//重新赋值（选中区域）
|
||
dateSilderObj.dateRangeSlider("values", new Date(astime), new Date(aetime));
|
||
$("#startTime").val(timestampToTime(astime));
|
||
$("#endTime").val(timestampToTime(aetime));
|
||
var startdate = new Date(allstartTime);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
||
var enddate = new Date(allendTime);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
||
|
||
//拖动完毕后的事件
|
||
dateSilderObj.bind("valuesChanged", function(e, data){
|
||
var val=data.values;
|
||
var min = val.min.getTime();
|
||
var max = val.max.getTime();
|
||
var stime=val.min.getFullYear()+"-"+change(val.min.getMonth()+1)+"-"+change(val.min.getDate())+' '+change(val.min.getHours())+':'+
|
||
change(val.min.getMinutes())+':'+change(val.min.getSeconds());
|
||
var etime=val.max.getFullYear()+"-"+change(val.max.getMonth()+1)+"-"+change(val.max.getDate())+' '+change(val.max.getHours())+':'+
|
||
change(val.max.getMinutes())+':'+change(val.max.getSeconds());
|
||
|
||
$("#startTime").val(stime);
|
||
$("#endTime").val(etime);
|
||
window.parent.document.getElementById("allstime").value=min;
|
||
window.parent.document.getElementById("alletime").value=max;
|
||
|
||
});
|
||
|
||
}
|
||
|
||
function timestampToTime(timestamp) {
|
||
var date = new Date(timestamp);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
||
var Y = date.getFullYear() + '-';
|
||
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date
|
||
.getMonth() + 1)
|
||
+ '-';
|
||
var D = change(date.getDate());
|
||
|
||
var H = change(date.getHours());
|
||
var m = change(date.getMinutes());
|
||
var S = change(date.getSeconds());
|
||
return Y + M + D + ' ' + H + ':' + m + ':' + S;
|
||
}
|
||
|
||
function change(t) {
|
||
if (t < 10) {
|
||
return "0" + t;
|
||
} else {
|
||
return t;
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 获取选中的监测点信息
|
||
*/
|
||
var num=1;
|
||
var idea;
|
||
var height=$(window).height()-180;
|
||
$("#interval").val("周");
|
||
var Uarry = $("#qualifiedTab li");//获取所有的li元素
|
||
$("#qualifiedTab li").click(function () {//点击事件
|
||
//测试直接获取值 var v=$(this).text(); alert(v);
|
||
var count = $(this).index();//获取li的下标
|
||
var Tresult = Uarry.eq(count).text();
|
||
tltName = Tresult;
|
||
queryData(tltName);
|
||
})
|
||
$("#query").click(function () {
|
||
queryData(tltName);
|
||
})
|
||
//谐波电压含有率
|
||
function getXbDy(startTime,endTime,lineId) {
|
||
var type = '1';
|
||
$.ajax({
|
||
type : 'POST',
|
||
async: false,
|
||
url : '/pqs9000/device/getHarmonic',
|
||
data : {
|
||
startTime:startTime,
|
||
endTime:endTime,
|
||
lineId:lineId,
|
||
type:type
|
||
},
|
||
beforeSend: function () {
|
||
idea = ityzl_SHOW_LOAD_LAYER();
|
||
},
|
||
error:function(data) {
|
||
layer.msg("暂无历史谐波含有率", {
|
||
icon : 5,
|
||
time : 3000
|
||
})
|
||
// ***********关闭loading
|
||
ityzl_CLOSE_LOAD_LAYER(idea);
|
||
},
|
||
success : function(data) {
|
||
var serName=[];
|
||
var gb=[];
|
||
var number=[];
|
||
//没有权限的请求
|
||
if(data==300){
|
||
location.href='/pqs9000/auth/unauthorized';
|
||
//没有登陆的请求
|
||
}else if(data==301){
|
||
location.href='/pqs9000';
|
||
}else {
|
||
if (data.code == 500) {
|
||
parent.layer.msg("没有获取到该监测点的谐波电压含有率", {
|
||
icon : 5,
|
||
time : 3000
|
||
});
|
||
$('#example').text("")
|
||
var oTable = $('#example').DataTable({
|
||
info:false,
|
||
paging:false,
|
||
ScrollY:height*0.3,
|
||
lengthChange: false,
|
||
columns: [
|
||
{"width": "122px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"}
|
||
],
|
||
bDestroy: true,
|
||
ordering: false,
|
||
autoWidth:true,
|
||
scrollX:false,
|
||
data: data.body,
|
||
destroy: true,
|
||
language: {
|
||
url: '/pqs9000/json/chine.json',
|
||
"sEmptyTable": "没有内容"
|
||
},
|
||
})
|
||
for(i=1;i<50;i++){
|
||
serName.push([parseFloat(null)]);
|
||
gb.push([parseFloat(null)]);
|
||
number.push([i+1])
|
||
}
|
||
$("#container").css("height",height*0.6);
|
||
//画图
|
||
var chart = Highcharts.chart('container', {
|
||
credits: {
|
||
enabled: false
|
||
},
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
xAxis: {
|
||
categories: number
|
||
},
|
||
yAxis: [{
|
||
min: 0,
|
||
title: {
|
||
text: '谐波电压含有率(%)'
|
||
}
|
||
}, {
|
||
title: {
|
||
text: '国标限值(%)'
|
||
},
|
||
opposite: true
|
||
}],
|
||
legend: {
|
||
shadow: false
|
||
},
|
||
tooltip: {
|
||
shared: true,
|
||
formatter:function () {
|
||
var x,y1,y2;
|
||
if(this.points.length==1){
|
||
x="谐波次数："+this.points[0].x
|
||
y2=this.points[0].series.name+":"+this.points[0].y+"%"
|
||
return x+'<br>'+y2;
|
||
}else{
|
||
x="谐波次数："+this.points[0].x
|
||
y1="国标限值(%):"+this.points[0].y+"%"
|
||
y2="谐波电压含有率(%):"+this.points[1].y+"%"
|
||
return x+'<br>'+y1+'<br>'+y2;
|
||
}
|
||
|
||
|
||
}
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
grouping: false,
|
||
shadow: false,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: [{
|
||
name: '谐波电压含有率(%)',
|
||
color: yellow,
|
||
data: gb,
|
||
tooltip: {
|
||
valueSuffix: '%'
|
||
},
|
||
pointPadding: 0.3,
|
||
pointPlacement: -0.2
|
||
}, {
|
||
name: '国标限值(%)',
|
||
color: green,
|
||
data: serName,
|
||
tooltip: {
|
||
valueSuffix: '%'
|
||
},
|
||
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
||
pointPlacement: -0.2
|
||
|
||
}]
|
||
});
|
||
} else {
|
||
var oTable = $('#example').DataTable({
|
||
info:false,
|
||
paging:false,
|
||
scrollY:false,
|
||
lengthChange: false,
|
||
// columnDefs: [ { width: "122px", "targets": 0 } ],
|
||
columns: [
|
||
{"width": "122px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"}
|
||
],
|
||
ordering: false,
|
||
// autoWidth:true,
|
||
scrollX: true,
|
||
data: data.body,
|
||
destroy: true,
|
||
language: {
|
||
url: '/pqs9000/json/chine.json',
|
||
"sEmptyTable": "没有内容"
|
||
},
|
||
})
|
||
for(i=1;i<50;i++){
|
||
serName.push([parseFloat(data.body[0][i])]);
|
||
gb.push([parseFloat(data.body[1][i])]);
|
||
number.push([i+1])
|
||
}
|
||
$("#container").css("height",height*0.8);
|
||
//画图
|
||
var chart = Highcharts.chart('container', {
|
||
credits: {
|
||
enabled: false
|
||
},
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
xAxis: {
|
||
categories: number,
|
||
},
|
||
yAxis: [{
|
||
min: 0,
|
||
title: {
|
||
text: data.body[0][0]
|
||
}
|
||
}, {
|
||
title: {
|
||
text: data.body[1][0]
|
||
},
|
||
opposite: true
|
||
}],
|
||
legend: {
|
||
shadow: false
|
||
},
|
||
tooltip: {
|
||
shared: true,
|
||
formatter:function () {
|
||
var x,y1,y2;
|
||
if(this.points.length==1){
|
||
x="谐波次数："+this.points[0].x
|
||
y2=this.points[0].series.name+":"+this.points[0].y+"%"
|
||
return x+'<br>'+y2;
|
||
}else{
|
||
x="谐波次数："+this.points[0].x
|
||
y1="国标限值(%):"+this.points[0].y+"%"
|
||
y2="谐波电压含有率(%):"+this.points[1].y+"%"
|
||
return x+'<br>'+y1+'<br>'+y2;
|
||
}
|
||
|
||
|
||
}
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
grouping: false,
|
||
shadow: false,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: [{
|
||
name: data.body[1][0],
|
||
color: yellow,
|
||
data: gb,
|
||
tooltip: {
|
||
valueSuffix: '%'
|
||
},
|
||
pointPadding: 0.3,
|
||
pointPlacement: -0.2
|
||
}, {
|
||
name: data.body[0][0],
|
||
color: green,
|
||
data: serName,
|
||
tooltip: {
|
||
valueSuffix: '%'
|
||
},
|
||
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
||
pointPlacement: -0.2
|
||
|
||
}]
|
||
});
|
||
}
|
||
}
|
||
// ***********关闭loading
|
||
ityzl_CLOSE_LOAD_LAYER(idea);
|
||
}
|
||
})
|
||
}
|
||
//谐波电流幅值
|
||
function getXbDl(startTime,endTime,lineId) {
|
||
var type = '1';
|
||
$.ajax({
|
||
type : 'POST',
|
||
async: false,
|
||
url : '/pqs9000/device/getHarmI',
|
||
data : {
|
||
startTime:startTime,
|
||
endTime:endTime,
|
||
lineId:lineId,
|
||
type:type
|
||
},
|
||
beforeSend: function () {
|
||
idea = ityzl_SHOW_LOAD_LAYER();
|
||
},
|
||
error:function(data) {
|
||
layer.msg("暂无历史谐波电流幅值", {
|
||
icon : 5,
|
||
time : 3000
|
||
})
|
||
// ***********关闭loading
|
||
ityzl_CLOSE_LOAD_LAYER(idea);
|
||
},
|
||
success : function(data) {
|
||
var serName=[];
|
||
var gb=[];
|
||
var number=[];
|
||
//没有权限的请求
|
||
if(data==300){
|
||
location.href='/pqs9000/auth/unauthorized';
|
||
//没有登陆的请求
|
||
}else if(data==301){
|
||
location.href='/pqs9000';
|
||
}else {
|
||
if (data.code == 500) {
|
||
parent.layer.msg("没有获取到该监测点的谐波电流幅值", {
|
||
icon : 5,
|
||
time : 3000
|
||
});
|
||
$('#example').text("")
|
||
var oTable = $('#example').DataTable({
|
||
info:false,
|
||
paging:false,
|
||
lengthChange: false,
|
||
columns: [
|
||
{"width": "122px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"}
|
||
],
|
||
bDestroy: true,
|
||
ordering: false,
|
||
autoWidth:true,
|
||
scrollX:false,
|
||
data: data.body,
|
||
destroy: true,
|
||
language: {
|
||
url: '/pqs9000/json/chine.json',
|
||
"sEmptyTable": "没有内容"
|
||
},
|
||
})
|
||
for(i=1;i<50;i++){
|
||
serName.push([parseFloat(null)]);
|
||
gb.push([parseFloat(null)]);
|
||
number.push([i+1])
|
||
}
|
||
$("#container").css("height",parent.picHeight*0.6);
|
||
//画图
|
||
var chart = Highcharts.chart('container', {
|
||
credits: {
|
||
enabled: false
|
||
},
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
xAxis: {
|
||
categories: number
|
||
},
|
||
yAxis: [{
|
||
min: 0,
|
||
title: {
|
||
text: '谐波电流幅值(A)'
|
||
}
|
||
}, {
|
||
title: {
|
||
text: '国标限值(A)'
|
||
},
|
||
opposite: true
|
||
}],
|
||
legend: {
|
||
shadow: false
|
||
},
|
||
tooltip: {
|
||
shared: true,
|
||
formatter:function () {
|
||
var x,y1,y2;
|
||
if(this.points.length==1){
|
||
x="谐波次数："+this.points[0].x
|
||
y2=this.points[0].series.name+":"+this.points[0].y+"A"
|
||
return x+'<br>'+y2;
|
||
}else{
|
||
x="谐波次数："+this.points[0].x
|
||
y1="国标限值(A):"+this.points[0].y+"A"
|
||
y2="谐波电流幅值(A):"+this.points[1].y+"A"
|
||
return x+'<br>'+y1+'<br>'+y2;
|
||
}
|
||
|
||
|
||
}
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
grouping: false,
|
||
shadow: false,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: [{
|
||
name: '谐波电流幅值(A)',
|
||
color: yellow,
|
||
data: gb,
|
||
tooltip: {
|
||
valueSuffix: 'A'
|
||
},
|
||
pointPadding: 0.3,
|
||
pointPlacement: -0.2
|
||
}, {
|
||
name: '国标限值(A)',
|
||
color: green,
|
||
data: serName,
|
||
tooltip: {
|
||
valueSuffix: 'A'
|
||
},
|
||
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
||
pointPlacement: -0.2
|
||
|
||
}]
|
||
});
|
||
} else {
|
||
var oTable = $('#example').DataTable({
|
||
info:false,
|
||
paging:false,
|
||
scrollY:false,
|
||
lengthChange: false,
|
||
// columnDefs: [ { width: "122px", "targets": 0 } ],
|
||
columns: [
|
||
{"width": "122px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"},
|
||
{"width": "41px"}
|
||
],
|
||
ordering: false,
|
||
// autoWidth:true,
|
||
scrollX: true,
|
||
data: data.body,
|
||
destroy: true,
|
||
language: {
|
||
url: '/pqs9000/json/chine.json',
|
||
"sEmptyTable": "没有内容"
|
||
},
|
||
})
|
||
for(i=1;i<50;i++){
|
||
serName.push([parseFloat(data.body[0][i])]);
|
||
gb.push([parseFloat(data.body[1][i])]);
|
||
number.push([i+1])
|
||
}
|
||
$("#container").css("height",height*0.6);
|
||
//画图
|
||
var chart = Highcharts.chart('container', {
|
||
credits: {
|
||
enabled: false
|
||
},
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
xAxis: {
|
||
categories: number,
|
||
},
|
||
yAxis: [{
|
||
min: 0,
|
||
title: {
|
||
text: '谐波电流幅值(A)'
|
||
}
|
||
}, {
|
||
title: {
|
||
text: '国标限值(A)'
|
||
},
|
||
opposite: true
|
||
}],
|
||
legend: {
|
||
shadow: false
|
||
},
|
||
tooltip: {
|
||
shared: true,
|
||
formatter:function () {
|
||
var x,y1,y2;
|
||
if(this.points.length==1){
|
||
x="谐波次数："+this.points[0].x
|
||
y2=this.points[0].series.name+":"+this.points[0].y+"A"
|
||
return x+'<br>'+y2;
|
||
}else{
|
||
x="谐波次数："+this.points[0].x
|
||
y1="国标限值(A):"+this.points[0].y+"A"
|
||
y2="谐波电流幅值(A):"+this.points[1].y+"A"
|
||
return x+'<br>'+y1+'<br>'+y2;
|
||
}
|
||
|
||
|
||
}
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
grouping: false,
|
||
shadow: false,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: [{
|
||
name: '谐波电流幅值(A)',
|
||
color: yellow,
|
||
data: gb,
|
||
tooltip: {
|
||
valueSuffix: 'A'
|
||
},
|
||
pointPadding: 0.3,
|
||
pointPlacement: -0.2
|
||
}, {
|
||
name: '国标限值(A)',
|
||
color: green,
|
||
data: serName,
|
||
tooltip: {
|
||
valueSuffix: 'A'
|
||
},
|
||
pointPadding: 0.4, // 通过 pointPadding 和 pointPlacement 控制柱子位置
|
||
pointPlacement: -0.2
|
||
|
||
}]
|
||
});
|
||
}
|
||
}
|
||
// ***********关闭loading
|
||
ityzl_CLOSE_LOAD_LAYER(idea);
|
||
}
|
||
})
|
||
}
|
||
function queryData(tltName){
|
||
var lineId=window.parent.document.getElementById("lineIndex").value;
|
||
var startTime = $("#startTime").val();
|
||
var endTime = $("#endTime").val();
|
||
if(tltName=="谐波电压含有率"){
|
||
getXbDy(startTime,endTime,lineId);
|
||
}else if(tltName=="谐波电流幅值"){
|
||
getXbDl(startTime,endTime,lineId);
|
||
}
|
||
} |