windfarm.js 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  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=QS_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. $("#rfdl3").html(res["rfdl3"] + "");
  65. $("#pjfs3").html(res["pjfs3"] + "");
  66. $("#yxts3").html(res["yxts3"] + "");
  67. $("#djts3").html(res["djts3"] + "");
  68. $("#whts3").html(res["whts3"] + "");
  69. $("#gzts3").html(res["gzts3"] + "");
  70. $("#lxts3").html(res["lxts3"] + "");
  71. $("#xdts3").html(res["xdts3"] + "");
  72. $("#jrts3").html(res["jrts3"] + "");
  73. }
  74. });
  75. }
  76. options1 = {
  77. colors: [
  78. '#00B259', //绿
  79. '#B20000', //红
  80. '#006DD9', //蓝
  81. '#000000', //黑
  82. '#FFBFFF',//藕荷色
  83. '#FF8000'//橘黄
  84. ],
  85. chart: {
  86. renderTo: 'container1',
  87. type: 'spline',
  88. //backgroundColor:'#BFDFFF',
  89. //plotBackgroundColor:'#BFDFFF',
  90. zoomType: 'x',
  91. events: {
  92. }
  93. },title:null
  94. ,
  95. subtitle: {
  96. text: ''
  97. },
  98. xAxis: {
  99. labels: {
  100. align: 'center',
  101. formatter: function() {
  102. return Highcharts.dateFormat('%H<br/>%M', this.value);
  103. }
  104. },
  105. type: 'datetime'
  106. },
  107. yAxis: [{
  108. title: {
  109. text: '功率数值(MW)'
  110. }
  111. },{
  112. title:{
  113. text :'风速/日照强度'
  114. },
  115. labels:{
  116. formatter: function(){
  117. return this.value;
  118. }
  119. },
  120. lineWidth : 1,
  121. opposite:true
  122. }],
  123. legend: {
  124. layout: 'vertical',
  125. // backgroundColor: '#FFFFFF',
  126. align: 'right',
  127. verticalAlign: 'top',
  128. floating: true
  129. // shadow: true
  130. // layout: 'vertical',
  131. // align: 'right',
  132. // verticalAlign: 'middle',
  133. // borderWidth: 0
  134. },
  135. tooltip: {
  136. crosshairs:{//控制十字线
  137. width:2
  138. },
  139. shared:true,
  140. xDateFormat:'%Y-%m-%d %H:%M'
  141. /*formatter: function() {
  142. return '<b>'+ this.series.name +'</b>:'+
  143. Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间:'+
  144. Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
  145. }*/
  146. },
  147. credits: {
  148. enabled: false
  149. },
  150. plotOptions: {
  151. spline: {
  152. dataLabels : {
  153. enabled :false
  154. },
  155. // pointPadding: 0.2,
  156. borderWidth: 0
  157. },
  158. series: {
  159. cursor: 'pointer',
  160. marker: {
  161. radius: 0,
  162. symbol: 'circle' //曲线点类型:"circle", "square", "diamond", "triangle","triangle-down",默认是"circle"
  163. }
  164. }
  165. },
  166. series: [{
  167. type: 'spline',
  168. name: '应发功率(单位:MW)',
  169. yAxis:0
  170. },
  171. {
  172. type: 'spline',
  173. name: '实发功率(单位:MW)',
  174. yAxis:0
  175. },
  176. {
  177. type: 'spline',
  178. name: '理论功率(单位:MW)',
  179. yAxis:0
  180. },
  181. {
  182. type: 'spline',
  183. name: '预测功率(单位:MW)',
  184. yAxis:0
  185. },
  186. {
  187. type: 'spline',
  188. name: '保证功率(单位:MW)',
  189. yAxis:0
  190. },{
  191. type: 'spline',
  192. name: '平均风速/日照强度',
  193. yAxis:1
  194. }]
  195. };
  196. function apdata(){
  197. var url = "windfarmpower.action?wfName=QS_FDC"
  198. $.ajax({
  199. url : url,
  200. type : "post",
  201. cache : false,
  202. dataType : "json",
  203. data : {},
  204. ifModified : false,
  205. success : function(result) {
  206. var yfgl = [];
  207. var sjgl = [];
  208. var lvgl = [];
  209. var ycgl = [];
  210. var bzgl = [];
  211. var pjfs = [];
  212. var xtime=[];
  213. var index=0;
  214. var count=0;
  215. $.each(result, function(m, obj) {
  216. //if(m == result.length -1){
  217. if(index<obj.value7){
  218. index++;
  219. if(obj.value4!=null)
  220. {
  221. ycgl.push( parseFloat(obj.value4) );
  222. }else
  223. {
  224. ycgl.push( null );
  225. }
  226. }
  227. if(count<obj.value8){
  228. yfgl.push( parseFloat(obj.value1) );
  229. sjgl.push( parseFloat(obj.value2) );
  230. lvgl.push( parseFloat(obj.value3) );
  231. bzgl.push( parseFloat(obj.value5) );
  232. pjfs.push( parseFloat(obj.value6) );
  233. count++;
  234. }
  235. xtime.push(parseFloat(obj.time));
  236. });
  237. // alert(new Date(xtime[47]));
  238. // alert(yfgl[47]);
  239. options1.series[0].data = yfgl;
  240. options1.series[1].data = sjgl;
  241. options1.series[2].data = lvgl;
  242. options1.series[3].data = ycgl;
  243. options1.series[4].data = bzgl;
  244. options1.series[5].data = pjfs;
  245. options1.xAxis.categories = xtime;
  246. chart1 = new Highcharts.Chart(options1);
  247. }
  248. });
  249. }