project3.js 7.2 KB

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