修改测试bug
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<div v-loading="loading" style="position: relative">
|
||||
<div id="boxr">
|
||||
<div id="rmsp" :style="`height:${vh};overflow: hidden;`">
|
||||
<div class="bx" id="rms"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <el-button
|
||||
<div v-loading="loading" style="position: relative">
|
||||
<div id="boxr">
|
||||
<div id="rmsp" :style="`height:${vh};overflow: hidden;`">
|
||||
<div class="bx" id="rms"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <el-button
|
||||
style="position: absolute; right: 10px; top: 0px; z-index: 20000"
|
||||
type="primary"
|
||||
link
|
||||
@@ -15,7 +15,7 @@
|
||||
>
|
||||
下载
|
||||
</el-button> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="js">
|
||||
import html2canvas from "html2canvas";
|
||||
@@ -47,7 +47,7 @@ export default {
|
||||
type: [Object, Array],
|
||||
},
|
||||
height: {
|
||||
type: [String,Number],
|
||||
type: [String, Number],
|
||||
default: false,
|
||||
},
|
||||
|
||||
@@ -57,7 +57,6 @@ export default {
|
||||
zoom: "",
|
||||
loading: true,
|
||||
tabvalue: this.value,
|
||||
|
||||
valA: 0,
|
||||
valB: 0,
|
||||
isOpen: false,
|
||||
@@ -82,6 +81,7 @@ export default {
|
||||
titles: "",
|
||||
vh: null,
|
||||
vw: null,
|
||||
echartlist: null
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@@ -97,13 +97,13 @@ export default {
|
||||
},
|
||||
created() {
|
||||
if (this.flag == 1) {
|
||||
this.vh = mainHeight(165).height
|
||||
}else if( this.height != false){
|
||||
this.vh = this.height
|
||||
} else {
|
||||
this.vh = mainHeight(165,2).height
|
||||
}
|
||||
this.vw = '100%'
|
||||
this.vh = mainHeight(165).height
|
||||
} else if (this.height != false) {
|
||||
this.vh = this.height
|
||||
} else {
|
||||
this.vh = mainHeight(165, 2).height
|
||||
}
|
||||
this.vw = '100%'
|
||||
},
|
||||
mounted() {
|
||||
// this.$wave = $("#wave").eq(0);
|
||||
@@ -115,13 +115,27 @@ export default {
|
||||
this.query();
|
||||
},
|
||||
methods: {
|
||||
backbxlb() {
|
||||
|
||||
if (this.echartlist.length > 0) {
|
||||
|
||||
this.waveDatas = []
|
||||
this.echartlist.forEach(item => {
|
||||
item.dispose(); // 销毁echarts实例
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
download() {
|
||||
// 转换成canvas
|
||||
html2canvas(document.getElementById("boxr"), {
|
||||
scale: 2,
|
||||
}).then(function (canvas) {
|
||||
// 创建a标签,实现下载
|
||||
var creatIMg = document.createElement("a");
|
||||
let creatIMg = document.createElement("a");
|
||||
creatIMg.download = "rms波形.png"; // 设置下载的文件名,
|
||||
creatIMg.href = canvas.toDataURL(); // 下载url
|
||||
creatIMg.click();
|
||||
@@ -195,7 +209,7 @@ export default {
|
||||
"% 持续时间:" +
|
||||
this.boxoList.duration +
|
||||
"s";
|
||||
} else if(this.boxoList.systemType == "ZL"){
|
||||
} else if (this.boxoList.systemType == "ZL") {
|
||||
this.titles =
|
||||
// "变电站名称:" +
|
||||
// this.boxoList.equipmentName +
|
||||
@@ -204,11 +218,11 @@ export default {
|
||||
" 发生时刻:" +
|
||||
this.boxoList.startTime +
|
||||
" 暂降(骤升)幅值:" +
|
||||
this.boxoList.evtParamVVaDepth +
|
||||
this.boxoList.evtParamVVaDepth +
|
||||
" 持续时间:" +
|
||||
this.boxoList.evtParamTm +
|
||||
"s";
|
||||
}else {
|
||||
} else {
|
||||
this.titles =
|
||||
"变电站名称:" +
|
||||
this.boxoList.subName +
|
||||
@@ -234,24 +248,24 @@ export default {
|
||||
if (this.iphasic === 0) {
|
||||
this.iphasic = 1;
|
||||
}
|
||||
var picCounts = (this.wp.waveTitle.length - 1) / this.iphasic;
|
||||
let picCounts = (this.wp.waveTitle.length - 1) / this.iphasic;
|
||||
this.waveDatas = [];
|
||||
//循环筛选需求的数据
|
||||
for (var i = 0; i < picCounts; i++) {
|
||||
for (let i = 0; i < picCounts; i++) {
|
||||
this.fliteWaveData(this.wp, i)
|
||||
this.waveDatas.push({
|
||||
instantF :this.instantF,
|
||||
instantS :this.instantS,
|
||||
RMSF :this.RMSF,
|
||||
RMSS :this.RMSS,
|
||||
RMSFMinDetail :this.RMSFMinDetail,
|
||||
RMSSMinDetail :this.RMSSMinDetail,
|
||||
shunshiF :this.shunshiF,
|
||||
shunshiS :this.shunshiS,
|
||||
RMSFWave :this.RMSFWave,
|
||||
RMSSWave :this.RMSSWave,
|
||||
title :this.title,
|
||||
unit :this.unit
|
||||
instantF: this.instantF,
|
||||
instantS: this.instantS,
|
||||
RMSF: this.RMSF,
|
||||
RMSS: this.RMSS,
|
||||
RMSFMinDetail: this.RMSFMinDetail,
|
||||
RMSSMinDetail: this.RMSSMinDetail,
|
||||
shunshiF: this.shunshiF,
|
||||
shunshiS: this.shunshiS,
|
||||
RMSFWave: this.RMSFWave,
|
||||
RMSSWave: this.RMSSWave,
|
||||
title: this.title,
|
||||
unit: this.unit
|
||||
|
||||
});
|
||||
}
|
||||
@@ -276,31 +290,31 @@ export default {
|
||||
},
|
||||
//获取横向一个波形的全部数据,包括瞬时波形的一次、二次值,RMS波形的一次、二次值,如果是电压的话,还需要计算出对应的最大最小值
|
||||
fliteWaveData(wp, step) {
|
||||
var shunData = wp.listWaveData;
|
||||
var rmsData = wp.listRmsData;
|
||||
let shunData = wp.listWaveData;
|
||||
let rmsData = wp.listRmsData;
|
||||
// console.log(
|
||||
// rmsData
|
||||
// );
|
||||
var pt = Number(wp.pt) / 1000;
|
||||
var ct = Number(wp.ct);
|
||||
var titleList = wp.waveTitle;
|
||||
let pt = Number(wp.pt) / 1000;
|
||||
let ct = Number(wp.ct);
|
||||
let titleList = wp.waveTitle;
|
||||
//首先判断当前绘制的是电压还是电流
|
||||
var xishu = pt; //默认电压,二次值转一次值乘以pt
|
||||
let xishu = pt; //默认电压,二次值转一次值乘以pt
|
||||
//三相名称
|
||||
var aTitle = "",
|
||||
let aTitle = "",
|
||||
bTitle = "",
|
||||
cTitle = "",
|
||||
unit = "电压";
|
||||
//RMS最小值横、纵坐标、相别名称
|
||||
var rmsvFirstX = 0,
|
||||
let rmsvFirstX = 0,
|
||||
rmsvFirstY = 0,
|
||||
rmsvSecondX = 0,
|
||||
rmsvSecondY = 0,
|
||||
firstZhou = "a",
|
||||
secondeZhou = "a";
|
||||
//每个波形对应的最大最小值
|
||||
var ifmax, ifmin, ismax, ismin, rfmax, rfmin, rsmax, rsmin;
|
||||
var shunshiFA = [],
|
||||
let ifmax, ifmin, ismax, ismin, rfmax, rfmin, rsmax, rsmin;
|
||||
let shunshiFA = [],
|
||||
shunshiFB = [],
|
||||
shunshiFC = [],
|
||||
shunshiSA = [],
|
||||
@@ -318,7 +332,7 @@ export default {
|
||||
xishu = ct;
|
||||
unit = "电流";
|
||||
}
|
||||
for (var i = 1; i <= this.iphasic; i++) {
|
||||
for (let i = 1; i <= this.iphasic; i++) {
|
||||
switch (i) {
|
||||
case 1:
|
||||
aTitle = titleList[this.iphasic * step + i].substring(1);
|
||||
@@ -349,43 +363,49 @@ export default {
|
||||
rmsvSecondX = rmsData[0][0];
|
||||
}
|
||||
//瞬时值--同时还需要获取出瞬时值的一次、二次的最大最小值
|
||||
for (var shun = 0; shun < shunData.length; shun++) {
|
||||
for (let shun = 0; shun < shunData.length; shun++) {
|
||||
if (shunData[shun][this.iphasic * step + 1] === undefined) {
|
||||
break;
|
||||
}
|
||||
let shunFirstA = []
|
||||
let shunFirstB = []
|
||||
let shunFirstC = []
|
||||
let shunSecondA = []
|
||||
let shunSecondB = []
|
||||
let shunSecondC = []
|
||||
//根据波形数据相的数量来筛选数据
|
||||
switch (this.iphasic) {
|
||||
case 1:
|
||||
var shunFirstA = shunData[shun][this.iphasic * step + 1] * xishu;
|
||||
shunFirstA = shunData[shun][this.iphasic * step + 1] * xishu;
|
||||
shunshiFA.push([shunData[shun][0], shunFirstA]);
|
||||
ifmax = ifmax > shunFirstA ? ifmax : shunFirstA;
|
||||
ifmin = ifmin < shunFirstA ? ifmin : shunFirstA;
|
||||
|
||||
var shunSecondA = shunData[shun][this.iphasic * step + 1];
|
||||
shunSecondA = shunData[shun][this.iphasic * step + 1];
|
||||
shunshiSA.push([shunData[shun][0], shunSecondA]);
|
||||
ismax = ismax > shunSecondA ? ismax : shunSecondA;
|
||||
ismin = ismin < shunSecondA ? ismin : shunSecondA;
|
||||
break;
|
||||
case 2:
|
||||
var shunFirstA = shunData[shun][this.iphasic * step + 1] * xishu;
|
||||
var shunFirstB = shunData[shun][this.iphasic * step + 2] * xishu;
|
||||
shunFirstA = shunData[shun][this.iphasic * step + 1] * xishu;
|
||||
shunFirstB = shunData[shun][this.iphasic * step + 2] * xishu;
|
||||
shunshiFA.push([shunData[shun][0], shunFirstA]);
|
||||
shunshiFB.push([shunData[shun][0], shunFirstB]);
|
||||
ifmax = this.getMaxTwo(ifmax, shunFirstA, shunFirstB);
|
||||
ifmin = this.getMinOpen(ifmin, shunFirstA, shunFirstB);
|
||||
|
||||
var shunSecondA = shunData[shun][this.iphasic * step + 1];
|
||||
var shunSecondB = shunData[shun][this.iphasic * step + 2];
|
||||
shunSecondA = shunData[shun][this.iphasic * step + 1];
|
||||
shunSecondB = shunData[shun][this.iphasic * step + 2];
|
||||
shunshiSA.push([shunData[shun][0], shunSecondA]);
|
||||
shunshiSB.push([shunData[shun][0], shunSecondB]);
|
||||
ismax = this.getMaxTwo(ismax, shunSecondA, shunSecondB);
|
||||
ismin = this.getMinOpen(ismin, shunSecondA, shunSecondB);
|
||||
break;
|
||||
case 3:
|
||||
var shunFirstA = shunData[shun][this.iphasic * step + 1] * xishu;
|
||||
shunFirstA = shunData[shun][this.iphasic * step + 1] * xishu;
|
||||
|
||||
var shunFirstB = shunData[shun][this.iphasic * step + 2] * xishu;
|
||||
var shunFirstC = shunData[shun][this.iphasic * step + 3] * xishu;
|
||||
shunFirstB = shunData[shun][this.iphasic * step + 2] * xishu;
|
||||
shunFirstC = shunData[shun][this.iphasic * step + 3] * xishu;
|
||||
shunshiFA.push([shunData[shun][0], shunFirstA]);
|
||||
shunshiFB.push([shunData[shun][0], shunFirstB]);
|
||||
shunshiFC.push([shunData[shun][0], shunFirstC]);
|
||||
@@ -397,9 +417,9 @@ export default {
|
||||
ifmin = this.getMin(ifmin, shunFirstA, shunFirstB, shunFirstC);
|
||||
}
|
||||
|
||||
var shunSecondA = shunData[shun][this.iphasic * step + 1];
|
||||
var shunSecondB = shunData[shun][this.iphasic * step + 2];
|
||||
var shunSecondC = shunData[shun][this.iphasic * step + 3];
|
||||
shunSecondA = shunData[shun][this.iphasic * step + 1];
|
||||
shunSecondB = shunData[shun][this.iphasic * step + 2];
|
||||
shunSecondC = shunData[shun][this.iphasic * step + 3];
|
||||
shunshiSA.push([shunData[shun][0], shunSecondA]);
|
||||
shunshiSB.push([shunData[shun][0], shunSecondB]);
|
||||
shunshiSC.push([shunData[shun][0], shunSecondC]);
|
||||
@@ -420,14 +440,20 @@ export default {
|
||||
}
|
||||
|
||||
//RMS值--同时还需要获取出RMS值的一次、二次的最大最小值
|
||||
for (var rms = 0; rms < rmsData.length; rms++) {
|
||||
for (let rms = 0; rms < rmsData.length; rms++) {
|
||||
if (rmsData[rms][this.iphasic * step + 1] === undefined) {
|
||||
break;
|
||||
}
|
||||
let rmsFirstA = []
|
||||
let rmsFirstB = []
|
||||
let rmsFirstC = []
|
||||
let rmsSecondA = []
|
||||
let rmsSecondB = []
|
||||
let rmsSecondC = []
|
||||
//根据波形数据相的数量来筛选数据
|
||||
switch (this.iphasic) {
|
||||
case 1:
|
||||
var rmsFirstA = rmsData[rms][this.iphasic * step + 1] * xishu;
|
||||
rmsFirstA = rmsData[rms][this.iphasic * step + 1] * xishu;
|
||||
rmsFA.push([rmsData[rms][0], rmsFirstA]);
|
||||
rfmax = rfmax > rmsFirstA ? rfmax : rmsFirstA;
|
||||
rfmin = rfmin < rmsFirstA ? rfmin : rmsFirstA;
|
||||
@@ -437,7 +463,7 @@ export default {
|
||||
rmsvFirstX = rmsData[rms][0];
|
||||
}
|
||||
|
||||
var rmsSecondA = rmsData[rms][this.iphasic * step + 1];
|
||||
rmsSecondA = rmsData[rms][this.iphasic * step + 1];
|
||||
rmsSA.push([rmsData[rms][0], rmsSecondA]);
|
||||
rsmax = rsmax > rmsSecondA ? rsmax : rmsSecondA;
|
||||
rsmin = rsmin < rmsSecondA ? rsmin : rmsSecondA;
|
||||
@@ -448,8 +474,8 @@ export default {
|
||||
}
|
||||
break;
|
||||
case 2:
|
||||
var rmsFirstA = rmsData[rms][this.iphasic * step + 1] * xishu;
|
||||
var rmsFirstB = rmsData[rms][this.iphasic * step + 2] * xishu;
|
||||
rmsFirstA = rmsData[rms][this.iphasic * step + 1] * xishu;
|
||||
rmsFirstB = rmsData[rms][this.iphasic * step + 2] * xishu;
|
||||
rmsFA.push([rmsData[rms][0], rmsFirstA]);
|
||||
rsmFB.push([rmsData[rms][0], rmsFirstB]);
|
||||
rfmax = this.getMaxTwo(rfmax, rmsFirstA, rmsFirstB);
|
||||
@@ -464,8 +490,8 @@ export default {
|
||||
rmsvFirstX = rmsData[rms][0];
|
||||
}
|
||||
|
||||
var rmsSecondA = rmsData[rms][this.iphasic * step + 1];
|
||||
var rmsSecondB = rmsData[rms][this.iphasic * step + 2];
|
||||
rmsSecondA = rmsData[rms][this.iphasic * step + 1];
|
||||
rmsSecondB = rmsData[rms][this.iphasic * step + 2];
|
||||
rmsSA.push([rmsData[rms][0], rmsSecondA]);
|
||||
rsmSB.push([rmsData[rms][0], rmsSecondB]);
|
||||
rsmax = this.getMaxTwo(rsmax, rmsSecondA, rmsSecondB);
|
||||
@@ -481,9 +507,9 @@ export default {
|
||||
}
|
||||
break;
|
||||
case 3:
|
||||
var rmsFirstA = rmsData[rms][this.iphasic * step + 1] * xishu;
|
||||
var rmsFirstB = rmsData[rms][this.iphasic * step + 2] * xishu;
|
||||
var rmsFirstC = rmsData[rms][this.iphasic * step + 3] * xishu;
|
||||
rmsFirstA = rmsData[rms][this.iphasic * step + 1] * xishu;
|
||||
rmsFirstB = rmsData[rms][this.iphasic * step + 2] * xishu;
|
||||
rmsFirstC = rmsData[rms][this.iphasic * step + 3] * xishu;
|
||||
rmsFA.push([rmsData[rms][0], rmsFirstA]);
|
||||
rsmFB.push([rmsData[rms][0], rmsFirstB]);
|
||||
rmsFC.push([rmsData[rms][0], rmsFirstC]);
|
||||
@@ -505,9 +531,9 @@ export default {
|
||||
rmsvFirstX = rmsData[rms][0];
|
||||
}
|
||||
|
||||
var rmsSecondA = rmsData[rms][this.iphasic * step + 1];
|
||||
var rmsSecondB = rmsData[rms][this.iphasic * step + 2];
|
||||
var rmsSecondC = rmsData[rms][this.iphasic * step + 3];
|
||||
rmsSecondA = rmsData[rms][this.iphasic * step + 1];
|
||||
rmsSecondB = rmsData[rms][this.iphasic * step + 2];
|
||||
rmsSecondC = rmsData[rms][this.iphasic * step + 3];
|
||||
rmsSA.push([rmsData[rms][0], rmsSecondA]);
|
||||
rsmSB.push([rmsData[rms][0], rmsSecondB]);
|
||||
rmsSC.push([rmsData[rms][0], rmsSecondC]);
|
||||
@@ -533,21 +559,21 @@ export default {
|
||||
}
|
||||
}
|
||||
//瞬时一次值最大最小值
|
||||
var instantFAn = {};
|
||||
var instantSAn = {};
|
||||
//var color;
|
||||
let instantFAn = {};
|
||||
let instantSAn = {};
|
||||
//let color;
|
||||
|
||||
var instantF = {};
|
||||
var instantS = {};
|
||||
var RMSF = {};
|
||||
var RMSS = {};
|
||||
var RMSFMinDetail = {};
|
||||
var RMSSMinDetail = {};
|
||||
var shunshiF = {};
|
||||
var shunshiS = {};
|
||||
var RMSFWave = {};
|
||||
var RMSSWave = {};
|
||||
var title = {};
|
||||
let instantF = {};
|
||||
let instantS = {};
|
||||
let RMSF = {};
|
||||
let RMSS = {};
|
||||
let RMSFMinDetail = {};
|
||||
let RMSSMinDetail = {};
|
||||
let shunshiF = {};
|
||||
let shunshiS = {};
|
||||
let RMSFWave = {};
|
||||
let RMSSWave = {};
|
||||
let title = {};
|
||||
|
||||
//三相名称
|
||||
title.aTitle = aTitle;
|
||||
@@ -613,7 +639,7 @@ export default {
|
||||
RMSSMinDetail.rmsvSecondX = rmsvSecondX;
|
||||
RMSSMinDetail.rmsvSecondY = rmsvSecondY;
|
||||
RMSSMinDetail.secondeZhou = secondeZhou;
|
||||
return this.waveData(
|
||||
return this.waveData(
|
||||
instantF,
|
||||
instantS,
|
||||
RMSF,
|
||||
@@ -632,33 +658,34 @@ export default {
|
||||
initWave(waveDatas, time, type, severity, isOpen) {
|
||||
//清除之前增加的div
|
||||
// $("#wave ~ .bx").remove();
|
||||
this.echartlist = []
|
||||
$("#rms ~ .bx").remove();
|
||||
//设置暂降触发点的位置 一次值与二次值Y轴不同(不是计算出来的)
|
||||
// var height = $(window).height() - 90;
|
||||
var picHeight;
|
||||
var show = true;
|
||||
// let height = $(window).height() - 90;
|
||||
let picHeight;
|
||||
let show = true;
|
||||
if (isOpen) {
|
||||
show = false;
|
||||
}
|
||||
//var v = $("#interval").val();
|
||||
var isvisible = false;
|
||||
var cu = [],
|
||||
rmscu = [],
|
||||
rmscm = [],
|
||||
title,
|
||||
unit,
|
||||
max,
|
||||
min;
|
||||
var a = "",
|
||||
//let v = $("#interval").val();
|
||||
let isvisible = false;
|
||||
let cu = null,
|
||||
rmscu = null,
|
||||
rmscm = null,
|
||||
title =null,
|
||||
unit =null,
|
||||
max =null,
|
||||
min=null;
|
||||
let a = null,
|
||||
b = "",
|
||||
c = "";
|
||||
var adata = [],
|
||||
bdata = [],
|
||||
cdata = [];
|
||||
var radata = [],
|
||||
rbdata = [],
|
||||
rcdata = [];
|
||||
var rmsvX = 0,
|
||||
let adata = null,
|
||||
bdata = null,
|
||||
cdata = null;
|
||||
let radata = null,
|
||||
rbdata = null,
|
||||
rcdata = null;
|
||||
let rmsvX = 0,
|
||||
rmsvY = 0,
|
||||
zhou = 0;
|
||||
// if (null == waveDatas || waveDatas.length === 1) {
|
||||
@@ -675,7 +702,7 @@ export default {
|
||||
// this.rmsHeight = picHeight
|
||||
// $wave.css("height", picHeight);
|
||||
// $rms.css("height", picHeight);
|
||||
var colors = [];
|
||||
let colors = [];
|
||||
if (null == waveDatas) {
|
||||
cu = [];
|
||||
rmscu = [];
|
||||
@@ -801,7 +828,7 @@ export default {
|
||||
break;
|
||||
}
|
||||
if (waveDatas[0].unit === "电压") {
|
||||
var xdata = this.wp.listRmsData[0][0];
|
||||
let xdata = this.wp.listRmsData[0][0];
|
||||
if (this.value === 1) {
|
||||
this.fz = [
|
||||
this.wp.listRmsMinData[0][0],
|
||||
@@ -823,11 +850,10 @@ export default {
|
||||
unit = "A";
|
||||
}
|
||||
//把剩余的DIV先拼接好
|
||||
for (var step = 1; step < waveDatas.length; step++) {
|
||||
var rmsId = "rms" + step;
|
||||
var newDivRms = $(
|
||||
` <div style="height:${
|
||||
this.vh
|
||||
for (let step = 1; step < waveDatas.length; step++) {
|
||||
let rmsId = "rms" + step;
|
||||
let newDivRms = $(
|
||||
` <div style="height:${this.vh
|
||||
};overflow: hidden;"><div class='bx' id='${rmsId}' ></div></div>`
|
||||
);
|
||||
newDivRms.insertAfter($("#rmsp"));
|
||||
@@ -855,27 +881,27 @@ export default {
|
||||
// 绘制RMS波形图
|
||||
let _this = this;
|
||||
|
||||
var myChartes = echarts.init(document.getElementById("rms"));
|
||||
let myChartes = echarts.init(document.getElementById("rms"));
|
||||
// console.log("==========", radata);
|
||||
let echartsColor = {WordColor:"#000",thread:"#000000",FigureColor:["#07CCCA ","#00BFF5","#FFBF00","#77DA63","#D5FF6B","#Ff6600","#FF9100","#5B6E96","#66FFCC","#B3B3B3","#FF00FF","#CC00FF","#FF9999"]}
|
||||
let echartsColor = { WordColor: "#000", thread: "#000000", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
|
||||
setTimeout(() => {
|
||||
document.getElementById("rms").style.width ='100%';
|
||||
document.getElementById("rms").style.height =_this.vh;
|
||||
}, 0);
|
||||
var option = {
|
||||
document.getElementById("rms").style.width = '100%';
|
||||
document.getElementById("rms").style.height = _this.vh;
|
||||
}, 0);
|
||||
let option = {
|
||||
tooltip: {
|
||||
top: "10px",
|
||||
trigger: "axis",
|
||||
borderColor: "grey",
|
||||
formatter: function (params) {
|
||||
var tips = "";
|
||||
let tips = "";
|
||||
tips += "时刻:" + params[0].data[0] + "</br/>";
|
||||
|
||||
for (var i = 0; i < params.length; i++) {
|
||||
for (let i = 0; i < params.length; i++) {
|
||||
if (params[i].seriesName != "暂降触发点") {
|
||||
|
||||
tips +=
|
||||
params[i].seriesName + ":" + (params[i].value[1]-0).toFixed(2) + "<br/>";
|
||||
params[i].seriesName + ":" + (params[i].value[1] - 0).toFixed(2) + "<br/>";
|
||||
}
|
||||
}
|
||||
return tips;
|
||||
@@ -899,7 +925,7 @@ export default {
|
||||
},
|
||||
title: {
|
||||
left: "center",
|
||||
text: "电网侧-电压 "+title,
|
||||
text: "电网侧-电压 " + title,
|
||||
subtitle: {
|
||||
text: "电压",
|
||||
align: "left",
|
||||
@@ -1137,40 +1163,41 @@ export default {
|
||||
],
|
||||
};
|
||||
myChartes.setOption(option)
|
||||
// window.echartsArr.push(myChartes);
|
||||
// window.echartsArr.push(myChartes);
|
||||
setTimeout(() => {
|
||||
myChartes.resize();
|
||||
this.loading = false;
|
||||
}, 500);
|
||||
this.echartlist.push(myChartes)
|
||||
//第一个波形图数据绘制完毕后,绘制后续的波形图
|
||||
if (waveDatas !== null && waveDatas.length > 1) {
|
||||
var waveDatasTemp = waveDatas.slice(1);
|
||||
let waveDatasTemp = waveDatas.slice(1);
|
||||
waveDatasTemp.reverse();
|
||||
for (var step = 0; step < waveDatasTemp.length; step++) {
|
||||
var waveDataTemp = waveDatasTemp[step];
|
||||
for (let step = 0; step < waveDatasTemp.length; step++) {
|
||||
let waveDataTemp = waveDatasTemp[step];
|
||||
|
||||
this.drawPics(waveDataTemp, picHeight, step, show, myChartes,rmscm,rmscu,title);
|
||||
this.drawPics(waveDataTemp, picHeight, step, show, myChartes, rmscm, rmscu, title);
|
||||
}
|
||||
}
|
||||
},
|
||||
//绘制剩余横向的波形图
|
||||
drawPics(waveDataTemp, picHeight, step, show, myChartes1,rmscm,rmscu,title) {
|
||||
drawPics(waveDataTemp, picHeight, step, show, myChartes1, rmscm, rmscu, title) {
|
||||
step = step + 1;
|
||||
//新建瞬时DIV和RMS波形DIV
|
||||
// var waveId = 'wave' + step;
|
||||
var rmsId = "rms" + step;
|
||||
// var v = $("#interval").val();
|
||||
var a = "",
|
||||
// let waveId = 'wave' + step;
|
||||
let rmsId = "rms" + step;
|
||||
// let v = $("#interval").val();
|
||||
let a = "",
|
||||
b = "",
|
||||
c = "";
|
||||
var max, min, unit;
|
||||
var adata = [],
|
||||
bdata = [],
|
||||
cdata = [];
|
||||
var radata = [],
|
||||
rbdata = [],
|
||||
rcdata = [];
|
||||
var colors = [];
|
||||
let max, min, unit;
|
||||
let adata =null,
|
||||
bdata =null,
|
||||
cdata =null;
|
||||
let radata =null,
|
||||
rbdata =null,
|
||||
rcdata =null;
|
||||
let colors =[];
|
||||
switch (this.iphasic) {
|
||||
case 1:
|
||||
a = waveDataTemp.title.aTitle;
|
||||
@@ -1226,58 +1253,59 @@ export default {
|
||||
//绘制rms波形
|
||||
let _this = this;
|
||||
|
||||
var myChartes = echarts.init(document.getElementById(rmsId));
|
||||
let myChartes = echarts.init(document.getElementById(rmsId));
|
||||
//debugger
|
||||
if(this.boxoList.systemType == "ZL"){
|
||||
let str =[]
|
||||
str = rmsId.split('s')
|
||||
let str1 = Number(str[1])
|
||||
var titlename =''
|
||||
this.wp.channelNames.forEach((element,i) => {
|
||||
if(i==4 || i==7 || i==10){
|
||||
if(str1==1 && i==4){
|
||||
let s =[]
|
||||
let s1 =''
|
||||
s=element.split('A')
|
||||
if(s[0]=='LI'){
|
||||
s1 ='电网侧-电流'
|
||||
}else{
|
||||
s1= s[0]+'侧'+s[1]
|
||||
}
|
||||
let titlename = ''
|
||||
if (this.boxoList.systemType == "ZL") {
|
||||
let str = []
|
||||
str = rmsId.split('s')
|
||||
let str1 = Number(str[1])
|
||||
|
||||
this.wp.channelNames.forEach((element, i) => {
|
||||
if (i == 4 || i == 7 || i == 10) {
|
||||
if (str1 == 1 && i == 4) {
|
||||
let s = []
|
||||
let s1 = ''
|
||||
s = element.split('A')
|
||||
if (s[0] == 'LI') {
|
||||
s1 = '电网侧-电流'
|
||||
} else {
|
||||
s1 = s[0] + '侧' + s[1]
|
||||
}
|
||||
|
||||
titlename = s1+' '+title
|
||||
}
|
||||
if(str1==2 && i==7){
|
||||
let s =[]
|
||||
let s1 =''
|
||||
s=element.split('A')
|
||||
if(s[0]=='SU'){
|
||||
s1 ='负载侧-电压'
|
||||
}else{
|
||||
s1= s[0]+'侧'+s[1]
|
||||
titlename = s1 + ' ' + title
|
||||
}
|
||||
if (str1 == 2 && i == 7) {
|
||||
let s = []
|
||||
let s1 = ''
|
||||
s = element.split('A')
|
||||
if (s[0] == 'SU') {
|
||||
s1 = '负载侧-电压'
|
||||
} else {
|
||||
s1 = s[0] + '侧' + s[1]
|
||||
}
|
||||
|
||||
titlename = s1+' '+title
|
||||
}
|
||||
if(str1==3 && i==10){
|
||||
let s =[]
|
||||
let s1 =''
|
||||
s=element.split('A')
|
||||
|
||||
if(s[0]=='SI'){
|
||||
s1 ='负载侧-电流'
|
||||
}else{
|
||||
s1= s[0]+'侧'+s[1]
|
||||
titlename = s1 + ' ' + title
|
||||
}
|
||||
if (str1 == 3 && i == 10) {
|
||||
let s = []
|
||||
let s1 = ''
|
||||
s = element.split('A')
|
||||
|
||||
titlename = s1+' '+title
|
||||
if (s[0] == 'SI') {
|
||||
s1 = '负载侧-电流'
|
||||
} else {
|
||||
s1 = s[0] + '侧' + s[1]
|
||||
}
|
||||
|
||||
titlename = s1 + ' ' + title
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
let echartsColor = {WordColor:"#000",thread:"#000000",FigureColor:["#07CCCA ","#00BFF5","#FFBF00","#77DA63","#D5FF6B","#Ff6600","#FF9100","#5B6E96","#66FFCC","#B3B3B3","#FF00FF","#CC00FF","#FF9999"]}
|
||||
var option = {
|
||||
});
|
||||
}
|
||||
let echartsColor = { WordColor: "#000", thread: "#000000", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
|
||||
let option = {
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
borderColor: "grey",
|
||||
@@ -1289,13 +1317,13 @@ export default {
|
||||
},
|
||||
formatter: function (params) {
|
||||
// console.log(params)
|
||||
var tips = "";
|
||||
let tips = "";
|
||||
tips += "时刻:" + params[0].data[0] + "</br/>";
|
||||
|
||||
for (var i = 0; i < params.length; i++) {
|
||||
for (let i = 0; i < params.length; i++) {
|
||||
if (params[i].seriesName != "暂降触发点") {
|
||||
tips +=
|
||||
params[i].seriesName + ":" + (params[i].value[1]-0).toFixed(2) + "<br/>";
|
||||
params[i].seriesName + ":" + (params[i].value[1] - 0).toFixed(2) + "<br/>";
|
||||
}
|
||||
}
|
||||
return tips;
|
||||
@@ -1510,11 +1538,12 @@ export default {
|
||||
],
|
||||
};
|
||||
myChartes.setOption(option)
|
||||
// window.echartsArr.push(myChartes);
|
||||
// window.echartsArr.push(myChartes);
|
||||
setTimeout(() => {
|
||||
myChartes.resize();
|
||||
this.loading = false;
|
||||
}, 500);
|
||||
this.echartlist.push(myChartes)
|
||||
echarts.connect([myChartes1, myChartes]);
|
||||
},
|
||||
//根据多个值的比较返回其中最大值
|
||||
|
||||
Reference in New Issue
Block a user