| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178 |
- $(function () {
- // var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
- var whdef = 100/916;// 表示1920的设计图,使用100PX的默认值
- var wH = window.innerHeight;// 当前窗口的高度
- var wW = window.innerWidth;// 当前窗口的宽度
- // var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
- var rem = wH * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
- $('html').css('font-size', rem + "px");
- loadoOption_ec_lefttop();
- loadoOption_ec_righttop();
- loadoOption_ec_leftbtm();
- loadoOption_ec_rightbtm();
- }) ;
- function loadoOption_ec_lefttop(){
- ec_lefttop.clear();
- var option = {
- title: {
- text: '',
- show: true,
- textStyle: {
- fontWeight: 'normal',
- fontSize: 22,
- color: '#3db3cb'
- },
- left: '2%',
- top: '2%'
- },
- tooltip: {
- trigger: 'axis',
- extraCssText:'width:180px;',
- formatter: function(params) {
- var result = '';
- result+= params[0].axisValue+"</br>";
- params.forEach(function (item) {
- result += item.marker + " " + item.seriesName + " : " + item.value +"V</br>";
- });
- return result;
- },
- // "{b}<br/>{a0}: {c0}V<br/>{a1}: {c1}V<br/>{a2}: {c2}V",
- position: function (point, params, dom, rect, size) {
- // 鼠标坐标和提示框位置的参考坐标系是:以外层div的左上角那一点为原点,x轴向右,y轴向下
- // 提示框位置
- var x = 0; // x坐标位置
- var y = 0; // y坐标位置
-
- // 当前鼠标位置
- var pointX = point[0];
- var pointY = point[1];
-
- // 外层div大小
- // var viewWidth = size.viewSize[0];
- // var viewHeight = size.viewSize[1];
-
- // 提示框大小
- var boxWidth = size.contentSize[0];
- var boxHeight = size.contentSize[1];
-
- // boxWidth > pointX 说明鼠标左边放不下提示框
- if (boxWidth > pointX) {
- x = 5;
- } else { // 左边放的下
- x = pointX - boxWidth;
- }
-
- // boxHeight > pointY 说明鼠标上边放不下提示框
- if (boxHeight > pointY) {
- y = 5;
- } else { // 上边放得下
- y = pointY - boxHeight;
- }
-
- return [x, y];
- }
- },
- legend: {
- data:['泵房喷淋泵电压','泵房消防泵电压','泵房生活水泵电压'],
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- boundaryGap: false,
- axisLine: {
- lineStyle: {
- color: 'rgba(128, 128, 128, 0.5)'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#999'
- }
- },
-
- data: ['12:00:00', '12:00:05', '12:00:10', '12:00:15', '12:00:20', '12:00:25']
- }],
- yAxis: [{
- type: 'value',
- name: '',
- min: function(value) {
- return Math.round(value.min - 10);
- },
- max: function(value) {
- return Math.round(value.min + 10);
- },
-
- axisTick: {
- show: false
- },
- axisLine: {
- show:false,
- lineStyle: {
- color: '#fff'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- splitLine: {
- lineStyle: {
- type: 'dashed',
- color: 'rgba(121, 157, 255, 0.5)'
- }
- }
- }],
- series: [{
- name: '泵房喷淋泵电压',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- markLine : {
- data : [
- {type : 'average', name: '平均值'},
- ]
- },
- data: [381, 381, 381, 381, 381, 381]
- },
- {
- name: '泵房消防泵电压',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- markLine : {
- data : [
- {type : 'average', name: '平均值'},
- ]
- },
- data:[381, 381, 381, 381, 381, 381]
- },
- {
- name: '泵房生活水泵电压',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- markLine : {
- data : [
- {type : 'average', name: '平均值'},
- ]
- },
- data: [381, 381, 381, 381, 381, 381]
- },
- ]
- }
- ec_lefttop.setOption(option);
- }
- function loadoOption_ec_righttop(){
- ec_righttop.clear();
- var option = {
- title: {
- text: '',
- show: true,
- textStyle: {
- fontWeight: 'normal',
- fontSize: 22,
- color: '#3db3cb'
- },
- left: '2%',
- top: '2%'
- },
- tooltip: {
- trigger: 'axis',
- formatter: function(params) {
- var result = '';
- result+= params[0].axisValue+"</br>";
- params.forEach(function (item) {
- result += item.marker + " " + item.seriesName + " : " + item.value +"A</br>";
- });
- return result;
- },
- // "{b}<br/>{a0}: {c0}A<br/>{a1}: {c1}A<br/>{a2}: {c2}A<br/>{a3}: {c3}A<br/>{a4}: {c4}A<br/>{a5}: {c5}A<br/>{a6}: {c6}A<br/>{a7}: {c7}A<br/>{a8}: {c8}A",
- extraCssText:'width:180px;',
- position: function (point, params, dom, rect, size) {
- // 鼠标坐标和提示框位置的参考坐标系是:以外层div的左上角那一点为原点,x轴向右,y轴向下
- // 提示框位置
- var x = 0; // x坐标位置
- var y = 0; // y坐标位置
-
- // 当前鼠标位置
- var pointX = point[0];
- var pointY = point[1];
-
- // 外层div大小
- // var viewWidth = size.viewSize[0];
- // var viewHeight = size.viewSize[1];
-
- // 提示框大小
- var boxWidth = size.contentSize[0];
- var boxHeight = size.contentSize[1];
-
- // boxWidth > pointX 说明鼠标左边放不下提示框
- if (boxWidth > pointX) {
- x = 5;
- } else { // 左边放的下
- x = pointX - boxWidth;
- }
-
- // boxHeight > pointY 说明鼠标上边放不下提示框
- if (boxHeight > pointY) {
- y = 5;
- } else { // 上边放得下
- y = pointY - boxHeight;
- }
-
- return [x, y];
- }
- },
- legend: {
- data:['生活水泵','喷淋泵','消防泵','风AUH-1F','风AUH-2F-4','风AUH-2F-2','风AUH-1F-1','风AUH-2F-3','风SF2F-1','风AUH-2F-1'],
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- boundaryGap: false,
- axisLine: {
- lineStyle: {
- color: 'rgba(128, 128, 128, 0.5)'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#999'
- }
- },
- data: ['12:00:00', '12:00:05', '12:00:10', '12:00:15', '12:00:20', '12:00:25']
- }],
- yAxis: [{
- type: 'value',
- name: '',
- axisTick: {
- show: false
- },
- axisLine: {
- show:false,
- lineStyle: {
- color: '#fff'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- splitLine: {
- lineStyle: {
- type: 'dashed',
- color: 'rgba(121, 157, 255, 0.5)'
- }
- }
- }],
- series: [{
- name: '生活水泵',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '喷淋泵',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '消防泵',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-1F',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-2F-4',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-2F-2',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-1F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-2F-3',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风SF2F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-2F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- }]
- }
- ec_righttop.setOption(option);
- }
- function loadoOption_ec_leftbtm(){
- ec_leftbtm.clear();
- var option = {
- title: {
- text: '',
- show: true,
- textStyle: {
- fontWeight: 'normal',
- fontSize: 22,
- color: '#3db3cb'
- },
- left: '2%',
- top: '2%'
- },
- tooltip: {
- trigger: 'axis',
- formatter: function(params) {
- var result = '';
- result+= params[0].axisValue+"</br>";
- params.forEach(function (item) {
- result += item.marker + " " + item.seriesName + " : " + item.value +"A</br>";
- });
- return result;
- },
- // "{b}<br/>{a0}: {c0}A<br/>{a1}: {c1}A<br/>{a2}: {c2}A<br/>{a3}: {c3}A<br/>{a4}: {c4}A<br/>{a5}: {c5}A<br/>{a6}: {c6}A<br/>{a7}: {c7}A<br/>{a8}: {c8}A<br/>{a9}: {c9}A",
- extraCssText:'width:180px;',
- position: function (point, params, dom, rect, size) {
- // 鼠标坐标和提示框位置的参考坐标系是:以外层div的左上角那一点为原点,x轴向右,y轴向下
- // 提示框位置
- var x = 0; // x坐标位置
- var y = 0; // y坐标位置
-
- // 当前鼠标位置
- var pointX = point[0];
- var pointY = point[1];
-
- // 外层div大小
- // var viewWidth = size.viewSize[0];
- // var viewHeight = size.viewSize[1];
-
- // 提示框大小
- var boxWidth = size.contentSize[0];
- var boxHeight = size.contentSize[1];
-
- // boxWidth > pointX 说明鼠标左边放不下提示框
- if (boxWidth > pointX) {
- x = 5;
- } else { // 左边放的下
- x = pointX - boxWidth;
- }
-
- // boxHeight > pointY 说明鼠标上边放不下提示框
- if (boxHeight > pointY) {
- y = 5;
- } else { // 上边放得下
- y = pointY - boxHeight;
- }
-
- return [x, y];
- }
- },
- legend: {
- data:['风FAU-3F-2','风EF-3F-1','风EF-3F-2','风AHU-4F-2','风FAU-4F-2','风AUH-3F-1','风AHU-4F-1','风FAU-4F-1','风SF-3F-1','风FAU-3F-1'],
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- boundaryGap: false,
- axisLine: {
- lineStyle: {
- color: 'rgba(128, 128, 128, 0.5)'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#999'
- }
- },
- data: ['12:00:00', '12:00:05', '12:00:10', '12:00:15', '12:00:20', '12:00:25']
- }],
- yAxis: [{
- type: 'value',
- name: '',
- axisTick: {
- show: false
- },
- axisLine: {
- show:false,
- lineStyle: {
- color: '#fff'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- splitLine: {
- lineStyle: {
- type: 'dashed',
- color: 'rgba(121, 157, 255, 0.5)'
- }
- }
- }],
- series: [{
- name: '风FAU-3F-2',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风EF-3F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风EF-3F-2',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AHU-4F-2',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风FAU-4F-2',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AUH-3F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风AHU-4F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风FAU-4F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风SF-3F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '风FAU-3F-1',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- }]
- }
- ec_leftbtm.setOption(option);
- }
- function loadoOption_ec_rightbtm(){
- ec_rightbtm.clear();
- var option = {
- title: {
- text: '',
- show: true,
- textStyle: {
- fontWeight: 'normal',
- fontSize: 22,
- color: '#3db3cb'
- },
- left: '2%',
- top: '2%'
- },
- tooltip: {
- trigger: 'axis',
- formatter: function(params) {
- var result = '';
- result+= params[0].axisValue+"</br>";
- params.forEach(function (item) {
- result += item.marker + " " + item.seriesName + " : " + item.value +"A</br>";
- });
- return result;
- },
- // "{b}<br/>{a0}: {c0}A<br/>{a1}: {c1}A<br/>{a2}: {c2}A<br/>{a3}: {c3}A<br/>{a4}: {c4}A<br/>{a5}: {c5}A<br/>{a6}: {c6}A<br/>{a7}: {c7}A<br/>{a8}: {c8}A",
- extraCssText:'width:180px;',
- position: function (point, params, dom, rect, size) {
- // 鼠标坐标和提示框位置的参考坐标系是:以外层div的左上角那一点为原点,x轴向右,y轴向下
- // 提示框位置
- var x = 0; // x坐标位置
- var y = 0; // y坐标位置
-
- // 当前鼠标位置
- var pointX = point[0];
- var pointY = point[1];
-
- // 外层div大小
- // var viewWidth = size.viewSize[0];
- // var viewHeight = size.viewSize[1];
-
- // 提示框大小
- var boxWidth = size.contentSize[0];
- var boxHeight = size.contentSize[1];
-
- // boxWidth > pointX 说明鼠标左边放不下提示框
- if (boxWidth > pointX) {
- x = 5;
- } else { // 左边放的下
- x = pointX - boxWidth;
- }
-
- // boxHeight > pointY 说明鼠标上边放不下提示框
- if (boxHeight > pointY) {
- y = 5;
- } else { // 上边放得下
- y = pointY - boxHeight;
- }
-
- return [x, y];
- }
- },
- legend: {
- data:['剧场后排风机','剧场大厅风机','剧场顶风机','剧场前排风机','空调1号','空调2号','空调3号','空调4号','空调5号'],
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- boundaryGap: false,
- axisLine: {
- lineStyle: {
- color: 'rgba(128, 128, 128, 0.5)'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#999'
- }
- },
- data: ['12:00:00', '12:00:05', '12:00:10', '12:00:15', '12:00:20', '12:00:25']
- }],
- yAxis: [{
- type: 'value',
- name: '',
- axisTick: {
- show: false
- },
- axisLine: {
- show:false,
- lineStyle: {
- color: '#fff'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14,
- color: '#799dff'
- }
- },
- splitLine: {
- lineStyle: {
- type: 'dashed',
- color: 'rgba(121, 157, 255, 0.5)'
- }
- }
- }],
- series: [{
- name: '剧场后排风机',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '剧场大厅风机',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '剧场顶风机',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '剧场前排风机',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '空调1号',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '空调2号',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '空调3号',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '空调4号',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- },
- {
- name: '空调5号',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 15,
- showSymbol: true,
- lineStyle: {
- normal: {
- width: 3
- }
- },
- markPoint : {
- data : [
- {type : 'max', name: '最大值'},
- {type : 'min', name: '最小值'}
- ]
- },
- data: [0, 0, 0, 0, 0, 0]
- }]
- }
- ec_rightbtm.setOption(option);
- }
|