project1.js 7.3 KB

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