windfarm.js 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. 
  2. var chart1;
  3. var options1;
  4. Highcharts.setOptions({
  5. global : {
  6. useUTC : false
  7. }
  8. });
  9. String.prototype.endWith=function(oString){
  10. var reg=new RegExp(oString+"$");
  11. return reg.test(this);
  12. }
  13. function wpAllInfoAjax() {
  14. $.ajax( {
  15. url : "windfarmrealtimeinfo.action?wfName=SBQ_FDC",
  16. type : "post",
  17. cache : false,
  18. dataType : "json",
  19. data : {},
  20. ifModified : false,
  21. success : function(res) {
  22. $("#zjrl").html(res["zjrl"] + "");
  23. $("#zgl").html(res["zgl"] + "");
  24. $("#pjfs").html(res["pjfs"] + "");
  25. $("#rfdl").html(res["rfdl"] + "");
  26. $("#yfdl").html(res["yfdl"] + "");
  27. $("#nfdl").html(res["nfdl"] + "");
  28. $("#yxts").html(res["yxts"] + "");
  29. $("#djts").html(res["djts"] + "");
  30. $("#whts").html(res["whts"] + "");
  31. $("#gzts").html(res["gzts"] + "");
  32. $("#lxts").html(res["lxts"] + "");
  33. $("#xdts").html(res["xdts"] + "");
  34. $("#jrts").html(res["jrts"] + "");
  35. $("#wd").html(res["wd"] + "");
  36. $("#rqfss").html(res["rqfss"] + "");
  37. $("#rgzss").html(res["rgzss"] + "");
  38. $("#rwhss").html(res["rwhss"] + "");
  39. $("#rxdss").html(res["rxdss"] + "");
  40. $("#rslss").html(res["rslss"] + "");
  41. $("#whxs").html(res["whxs"] + "");
  42. $("#gzxs").html(res["gzxs"] + "");
  43. $("#xdxs").html(res["xdxs"] + "");
  44. $("#bjcs").html(res["bjcs"] + "");
  45. $("#gzcs").html(res["gzcs"] + "");
  46. $("#rfdl1").html(res["rfdl1"] + "");
  47. $("#pjfs1").html(res["pjfs1"] + "");
  48. $("#yxts1").html(res["yxts1"] + "");
  49. $("#djts1").html(res["djts1"] + "");
  50. $("#whts1").html(res["whts1"] + "");
  51. $("#gzts1").html(res["gzts1"] + "");
  52. $("#lxts1").html(res["lxts1"] + "");
  53. $("#xdts1").html(res["xdts1"] + "");
  54. $("#jrts1").html(res["jrts1"] + "");
  55. $("#rfdl2").html(res["rfdl2"] + "");
  56. $("#pjfs2").html(res["pjfs2"] + "");
  57. $("#yxts2").html(res["yxts2"] + "");
  58. $("#djts2").html(res["djts2"] + "");
  59. $("#whts2").html(res["whts2"] + "");
  60. $("#gzts2").html(res["gzts2"] + "");
  61. $("#lxts2").html(res["lxts2"] + "");
  62. $("#xdts2").html(res["xdts2"] + "");
  63. $("#jrts2").html(res["jrts2"] + "");
  64. getvalueinfos($("#rfdl3"),res["rfdl3"]);
  65. getvalueinfos($("#pjfs3"),res["pjfs3"]);
  66. getvalueinfos($("#yxts3"),res["yxts3"]);
  67. getvalueinfos($("#djts3"),res["djts3"]);
  68. getvalueinfos($("#whts3"),res["whts3"]);
  69. getvalueinfos($("#gzts3"),res["gzts3"]);
  70. getvalueinfos($("#lxts3"),res["lxts3"]);
  71. getvalueinfos($("#xdts3"),res["xdts3"]);
  72. getvalueinfos($("#jrts3"),res["jrts3"]);
  73. getvalueinfos($("#rfdl4"),res["rfdl4"]);
  74. getvalueinfos($("#pjfs4"),res["pjfs4"]);
  75. getvalueinfos($("#yxts4"),res["yxts4"]);
  76. getvalueinfos($("#djts4"),res["djts4"]);
  77. getvalueinfos($("#whts4"),res["whts4"]);
  78. getvalueinfos($("#gzts4"),res["gzts4"]);
  79. getvalueinfos($("#lxts4"),res["lxts4"]);
  80. getvalueinfos($("#xdts4"),res["xdts4"]);
  81. getvalueinfos($("#jrts4"),res["jrts4"]);
  82. }
  83. });
  84. }
  85. function getvalueinfos(obj,value)
  86. {
  87. if(value==undefined)
  88. {
  89. obj.html("");
  90. }else
  91. {
  92. obj.html(value + "");
  93. }
  94. }
  95. options1 = {
  96. colors: [
  97. '#00B259', //绿
  98. '#B20000', //红
  99. '#006DD9', //蓝
  100. '#000000', //黑
  101. '#FFBFFF',//藕荷色
  102. '#FF8000'//橘黄
  103. ],
  104. chart: {
  105. renderTo: 'container1',
  106. type: 'spline',
  107. //backgroundColor:'#BFDFFF',
  108. //plotBackgroundColor:'#BFDFFF',
  109. zoomType: 'x',
  110. events: {
  111. }
  112. },title:null
  113. ,
  114. subtitle: {
  115. text: ''
  116. },
  117. xAxis: {
  118. labels: {
  119. align: 'center',
  120. formatter: function() {
  121. return Highcharts.dateFormat('%H<br/>%M', this.value);
  122. }
  123. },
  124. type: 'datetime'
  125. },
  126. yAxis: [{
  127. title: {
  128. text: '功率数值(MW)'
  129. }
  130. },{
  131. title:{
  132. text :'风速/日照强度'
  133. },
  134. labels:{
  135. formatter: function(){
  136. return this.value;
  137. }
  138. },
  139. lineWidth : 1,
  140. opposite:true
  141. }],
  142. legend: {
  143. layout: 'vertical',
  144. // backgroundColor: '#FFFFFF',
  145. align: 'right',
  146. verticalAlign: 'top',
  147. floating: true
  148. // shadow: true
  149. // layout: 'vertical',
  150. // align: 'right',
  151. // verticalAlign: 'middle',
  152. // borderWidth: 0
  153. },
  154. tooltip: {
  155. crosshairs:{//控制十字线
  156. width:2
  157. },
  158. shared:true,
  159. xDateFormat:'%Y-%m-%d %H:%M'
  160. /*formatter: function() {
  161. return '<b>'+ this.series.name +'</b>:'+
  162. Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间:'+
  163. Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
  164. }*/
  165. },
  166. credits: {
  167. enabled: false
  168. },
  169. plotOptions: {
  170. spline: {
  171. dataLabels : {
  172. enabled :false
  173. },
  174. // pointPadding: 0.2,
  175. borderWidth: 0
  176. },
  177. series: {
  178. cursor: 'pointer',
  179. marker: {
  180. radius: 0,
  181. symbol: 'circle' //曲线点类型:"circle", "square", "diamond", "triangle","triangle-down",默认是"circle"
  182. }
  183. }
  184. },
  185. series: [{
  186. type: 'spline',
  187. name: '应发功率(单位:MW)',
  188. yAxis:0
  189. },
  190. {
  191. type: 'spline',
  192. name: '实发功率(单位:MW)',
  193. yAxis:0
  194. },
  195. {
  196. type: 'spline',
  197. name: '理论功率(单位:MW)',
  198. yAxis:0
  199. },
  200. {
  201. type: 'spline',
  202. name: '预测功率(单位:MW)',
  203. yAxis:0
  204. },
  205. {
  206. type: 'spline',
  207. name: '保证功率(单位:MW)',
  208. yAxis:0
  209. },{
  210. type: 'spline',
  211. name: '平均风速/日照强度',
  212. yAxis:1
  213. }]
  214. };
  215. function apdata(){
  216. var url = "windfarmpower.action?wfName=SBQ_FDC"
  217. $.ajax({
  218. url : url,
  219. type : "post",
  220. cache : false,
  221. dataType : "json",
  222. data : {},
  223. ifModified : false,
  224. success : function(result) {
  225. var yfgl = [];
  226. var sjgl = [];
  227. var lvgl = [];
  228. var ycgl = [];
  229. var bzgl = [];
  230. var pjfs = [];
  231. var xtime=[];
  232. var index=0;
  233. var count=0;
  234. $.each(result, function(m, obj) {
  235. //if(m == result.length -1){
  236. if(index<obj.value7){
  237. index++;
  238. if(obj.value4!=null)
  239. {
  240. ycgl.push( parseFloat(obj.value4) );
  241. }else
  242. {
  243. ycgl.push( null );
  244. }
  245. }
  246. if(count<obj.value8){
  247. yfgl.push( parseFloat(obj.value1) );
  248. sjgl.push( parseFloat(obj.value2) );
  249. lvgl.push( parseFloat(obj.value3) );
  250. bzgl.push( parseFloat(obj.value5) );
  251. pjfs.push( parseFloat(obj.value6) );
  252. count++;
  253. }
  254. xtime.push(parseFloat(obj.time));
  255. });
  256. // alert(new Date(xtime[47]));
  257. // alert(yfgl[47]);
  258. options1.series[0].data = yfgl;
  259. options1.series[1].data = sjgl;
  260. options1.series[2].data = lvgl;
  261. options1.series[3].data = ycgl;
  262. options1.series[4].data = bzgl;
  263. options1.series[5].data = pjfs;
  264. options1.xAxis.categories = xtime;
  265. chart1 = new Highcharts.Chart(options1);
  266. }
  267. });
  268. }