monitormain.jsp 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  8. <title>国电电力山西新能源公司生产运行监控平台</title>
  9. <link href="<%=request.getContextPath() %>/pages/monitor/css/page_ztjs_hb_new.css" rel="stylesheet" type="text/css" />
  10. <script type='text/javascript' src='<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js'></script>
  11. <script src="<%=request.getContextPath() %>/resource/js/highcharts/highcharts.js"></script>
  12. <script src="<%=request.getContextPath() %>/resource/js/highcharts/highcharts-more.js"></script>
  13. <script src="<%=request.getContextPath() %>/resource/js/highcharts/modules/solid-gauge.js"></script>
  14. <script src="<%=request.getContextPath() %>/pages/monitor/monitormain.js"></script>
  15. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  16. <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
  17. <script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagridpage.js"></script>
  18. <script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.min.js"></script>
  19. <script type="text/javascript" src="<%=request.getContextPath() %>/pages/mytest/js/myjs.js"></script>
  20. <%-- <script type="text/javascript" src="<%=request.getContextPath() %>/pages/mytest/js/highstock.js"></script>
  21. <script type="text/javascript" src="<%=request.getContextPath() %>/pages/mytest/js/exporting.js"></script>
  22. <script type="text/javascript" src="<%=request.getContextPath() %>/pages/mytest/js/highcharts-zh_CN.js"></script>
  23. <script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script> --%>
  24. <style type="text/css">
  25. <!--
  26. #dltj_Chart_1 {
  27. position: absolute;
  28. left: 1254px;
  29. top: 196px;
  30. width: 277px;
  31. height: 215px;
  32. z-index: 1;
  33. }
  34. #dltj_Chart_2 {
  35. position: absolute;
  36. left: 1533px;
  37. top: 196px;
  38. width: 277px;
  39. height: 215px;
  40. z-index: 2;
  41. }
  42. -->
  43. </style>
  44. </head>
  45. <body>
  46. <div class="all">
  47. <div class="page_box1">
  48. <div class="page_box1_title l">
  49. <form action="" id="f1" method="post"></form>
  50. <h1>公司\区域\场站</h1>
  51. <h2>单位</h2>
  52. <h3>区域公司</h3>
  53. <h5 style="cursor: pointer;" onclick="goaction('CL_FDC')">红花梁风电场</h5>
  54. <h5 style="cursor: pointer;" onclick="goaction('KB_FDC')">照阳河风电场</h5>
  55. <h5 style="cursor: pointer;" onclick="goaction('DX_FDC')">雁门关风电场</h5>
  56. </div>
  57. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  58. <h1>风速</h1>
  59. <h2>m/s</h2>
  60. <h3 id="QYGS_FS" ></h3>
  61. <h3 id="CL_FDC_FS" onclick="showZB('崇礼风速','HB_GD_CLF_JS_XX_XX_XXX_CI0124','m/s');"></h3>
  62. <h3 id="KB_FDC_FS" onclick="showZB('康保风速','HB_GD_KBF_JS_XX_XX_XXX_CI0124','m/s');"></h3>
  63. <h3 id="DX_FDC_FS" onclick="showZB('代县风速','HB_GD_DXF_JS_XX_XX_XXX_CI0124','m/s');"></h3>
  64. </div>
  65. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  66. <h1>实际功率</h1>
  67. <h2>MW</h2>
  68. <h3 id="QYGS_GL"></h3>
  69. <h3 id="CL_FDC_GL" onclick="showZB('崇礼实际功率','HB_GD_CLF_JS_XX_XX_XXX_CI0125','MW');"></h3>
  70. <h3 id="KB_FDC_GL" onclick="showZB('康保实际功率','HB_GD_KBF_JS_XX_XX_XXX_CI0125','MW');"></h3>
  71. <h3 id="DX_FDC_GL" onclick="showZB('代县实际功率','HB_GD_DXF_JS_XX_XX_XXX_CI0125','MW');"></h3>
  72. </div>
  73. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  74. <h1>日发电量</h1>
  75. <h2>万kWh</h2>
  76. <h3 id="QYGS_RFDL"></h3>
  77. <h3 id="CL_FDC_RFDL" onclick="showZB('崇礼日发电量','HB_GD_CLF_JS_XX_XX_XXX_CI0078','万kWh');"></h3>
  78. <h3 id="KB_FDC_RFDL" onclick="showZB('康保日发电量','HB_GD_KBF_JS_XX_XX_XXX_CI0078','万kWh');"></h3>
  79. <h3 id="DX_FDC_RFDL" onclick="showZB('代县日发电量','HB_GD_DXF_JS_XX_XX_XXX_CI0078','万kWh');"></h3>
  80. </div>
  81. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  82. <h1>上网电量</h1>
  83. <h2>万kWh</h2>
  84. <h3 id="QYGS_RSWDL"></h3>
  85. <h3 id="CL_FDC_RSWDL" onclick="showZB('崇礼上网电量','HB_GD_CLF_JS_XX_XX_XXX_CI0126','万kWh');"></h3>
  86. <h3 id="KB_FDC_RSWDL" onclick="showZB('康保上网电量','HB_GD_KBF_JS_XX_XX_XXX_CI0126','万kWh');"></h3>
  87. <h3 id="DX_FDC_RSWDL" onclick="showZB('代县上网电量','HB_GD_DXF_JS_XX_XX_XXX_CI0126','万kWh');"></h3>
  88. </div>
  89. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  90. <h1>保证功率</h1>
  91. <h2>MW</h2>
  92. <h3 id="QYGS_LLGL"></h3>
  93. <h3 id="CL_FDC_LLGL" onclick="showZB('崇礼保证功率','HB_GD_CLF_JS_XX_XX_XXX_CI0179','MW');"></h3>
  94. <h3 id="KB_FDC_LLGL" onclick="showZB('康保保证功率','HB_GD_KBF_JS_XX_XX_XXX_CI0179','MW');"></h3>
  95. <h3 id="DX_FDC_LLGL" onclick="showZB('代县保证功率','HB_GD_DXF_JS_XX_XX_XXX_CI0179','MW');"></h3>
  96. </div>
  97. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  98. <h1>理论功率</h1>
  99. <h2>MW</h2>
  100. <h3 id="QYGS_YFGL"></h3>
  101. <h3 id="CL_FDC_YFGL" onclick="showZB('崇礼理论功率','HB_GD_CLF_JS_XX_XX_XXX_CI0180','MW');"></h3>
  102. <h3 id="KB_FDC_YFGL" onclick="showZB('康保理论功率','HB_GD_KBF_JS_XX_XX_XXX_CI0180','MW');"></h3>
  103. <h3 id="DX_FDC_YFGL" onclick="showZB('代县理论功率','HB_GD_DXF_JS_XX_XX_XXX_CI0180','MW');"></h3>
  104. </div>
  105. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  106. <h1>理论发电量</h1>
  107. <h2>万kWh</h2>
  108. <h3 id="QYGS_LLFDL"></h3>
  109. <h3 id="CL_FDC_LLFDL"></h3>
  110. <h3 id="KB_FDC_LLFDL"></h3>
  111. <h3 id="DX_FDC_LLFDL"></h3>
  112. </div>
  113. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  114. <h1>SCADA发电量</h1>
  115. <h2>万kWh</h2>
  116. <h3 id="QYGS_SCADAFDL"></h3>
  117. <h3 id="CL_FDC_SCADAFDL" onclick="showZB('崇礼SCADA发电量','HB_GD_CLF_JS_XX_XX_XXX_CI0077','万kWh');"></h3>
  118. <h3 id="KB_FDC_SCADAFDL" onclick="showZB('康保SCADA发电量','HB_GD_KBF_JS_XX_XX_XXX_CI0077','万kWh');"></h3>
  119. <h3 id="DX_FDC_SCADAFDL" onclick="showZB('代县SCADA发电量','HB_GD_DXF_JS_XX_XX_XXX_CI0077','万kWh');"></h3>
  120. </div>
  121. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  122. <h1>维护损失电量</h1>
  123. <h2>万kWh</h2>
  124. <h3 id="QYGS_WHSS"></h3>
  125. <h3 id="CL_FDC_WHSS"></h3>
  126. <h3 id="KB_FDC_WHSS"></h3>
  127. <h3 id="DX_FDC_WHSS"></h3>
  128. </div>
  129. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  130. <h1>故障损失电量</h1>
  131. <h2>万kWh</h2>
  132. <h3 id="QYGS_GZSS"></h3>
  133. <h3 id="CL_FDC_GZSS"></h3>
  134. <h3 id="KB_FDC_GZSS"></h3>
  135. <h3 id="DX_FDC_GZSS"></h3>
  136. </div>
  137. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  138. <h1>限电损失电量</h1>
  139. <h2>万kWh</h2>
  140. <h3 id="QYGS_XDSS" ></h3>
  141. <h3 id="CL_FDC_XDSS" onclick="showZB('崇礼限电损失电量','HB_GD_CLF_JS_XX_XX_XXX_CI0116','万kWh');"></h3>
  142. <h3 id="KB_FDC_XDSS" onclick="showZB('康保限电损失电量','HB_GD_KBF_JS_XX_XX_XXX_CI0116','万kWh');"></h3>
  143. <h3 id="DX_FDC_XDSS" onclick="showZB('代县限电损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0116','万kWh');"></h3>
  144. </div>
  145. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  146. <h1>受累损失电量</h1>
  147. <h2>万kWh</h2>
  148. <h3 id="QYGS_SLSS"></h3>
  149. <h3 id="CL_FDC_SLSS"></h3>
  150. <h3 id="KB_FDC_SLSS"></h3>
  151. <h3 id="DX_FDC_SLSS"></h3>
  152. </div>
  153. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  154. <h1>性能损失电量</h1>
  155. <h2>万kWh</h2>
  156. <h3 id="QYGS_XNSS"></h3>
  157. <h3 id="CL_FDC_XNSS" onclick="showZB('康保性能损失电量','HB_GD_CLF_JS_XX_XX_XXX_CI0100','万kWh');"></h3>
  158. <h3 id="KB_FDC_XNSS" onclick="showZB('康保性能损失电量','HB_GD_KBF_JS_XX_XX_XXX_CI0100','万kWh');"></h3>
  159. <h3 id="DX_FDC_XNSS" onclick="showZB('代县性能损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0100','万kWh');;"></h3>
  160. </div>
  161. <div onmouseover="this.className='page_box1_col_on'" onmouseout= "this.className='page_box1_col'" class="page_box1_col">
  162. <h1>风能利用率</h1>
  163. <h2>%</h2>
  164. <h3 id="QYGS_YLYXS"></h3>
  165. <h3 id="CL_FDC_YLYXS"></h3>
  166. <h3 id="KB_FDC_YLYXS"></h3>
  167. <h3 id="DX_FDC_YLYXS"></h3>
  168. </div>
  169. <div class="main_center">
  170. <div class="bj1">
  171. <div class="lan_t">
  172. <div class="bk">红花梁风电场</div>
  173. <div class="lv_bj">
  174. <div class="lv_shuzi" id="CL_FDC_JRTS"></div>
  175. </div>
  176. <div class="tai">台</div>
  177. </div>
  178. <div class="fd">
  179. <div class="fd_left" id="speedCL">
  180. </div>
  181. <div class="fdl_right">
  182. <ul>
  183. <li>
  184. <div class="fdl_zi">发电量</div>
  185. <div onmouseover="this.className='fdl_bj1'" onmouseout= "this.className='fdl_bj'" class="fdl_bj" id="CL_FDC_FDL">
  186. </div>
  187. <div class="danwei">万kWh</div>
  188. </li>
  189. <li>
  190. <div class="fdl_zi">功 率</div>
  191. <div onmouseover="this.className='fdl_bj1'" onmouseout= "this.className='fdl_bj'" class="fdl_bj" id="CL_FDC_GL1">
  192. </div>
  193. <div class="danwei">MW</div>
  194. </li>
  195. </ul>
  196. </div>
  197. </div>
  198. <div class="bg_bj">
  199. <ul>
  200. <li>
  201. <div class="yanse1">运行</div>
  202. <div class="liang" id="CL_FDC_YXTS"></div>
  203. <div class="tai_s">台</div>
  204. </li>
  205. <li>
  206. <div class="yanse2">故障</div>
  207. <div class="liang" id="CL_FDC_GZTS"></div>
  208. <div class="tai_s">台</div>
  209. </li>
  210. <li>
  211. <div class="yanse3">限电</div>
  212. <div class="liang" id="CL_FDC_XDTS"></div>
  213. <div class="tai_s">台</div>
  214. </li>
  215. <li>
  216. <div class="yanse4">待机</div>
  217. <div class="liang" id="CL_FDC_DJTS"></div>
  218. <div class="tai_s">台</div>
  219. </li>
  220. <li>
  221. <div class="yanse5">维护</div>
  222. <div class="liang" id="CL_FDC_WHTS"></div>
  223. <div class="tai_s">台</div>
  224. </li>
  225. <li>
  226. <div class="yanse6">离线</div>
  227. <div class="liang" id="CL_FDC_LXTS"></div>
  228. <div class="tai_s">台</div>
  229. </li>
  230. </ul>
  231. </div>
  232. </div>
  233. <div class="bj1">
  234. <div class="lan_t">
  235. <div class="bk">照阳河风电场</div>
  236. <div class="lv_bj">
  237. <div class="lv_shuzi" id="KB_FDC_JRTS"></div>
  238. </div>
  239. <div class="tai">台</div>
  240. </div>
  241. <div class="fd">
  242. <div class="fd_left" id="speedKB">
  243. </div>
  244. <div class="fdl_right">
  245. <ul>
  246. <li>
  247. <div class="fdl_zi">发电量</div>
  248. <div onmouseover="this.className='fdl_bj1'" onmouseout= "this.className='fdl_bj'" class="fdl_bj" id="KB_FDC_FDL">
  249. </div>
  250. <div class="danwei">万kWh</div>
  251. </li>
  252. <li>
  253. <div class="fdl_zi">功 率</div>
  254. <div onmouseover="this.className='fdl_bj1'" onmouseout= "this.className='fdl_bj'" class="fdl_bj" id="KB_FDC_GL1">
  255. </div>
  256. <div class="danwei">MW</div>
  257. </li>
  258. </ul>
  259. </div>
  260. </div>
  261. <div class="bg_bj">
  262. <ul>
  263. <li>
  264. <div class="yanse1">运行</div>
  265. <div class="liang" id="KB_FDC_YXTS"></div>
  266. <div class="tai_s">台</div>
  267. </li>
  268. <li>
  269. <div class="yanse2">故障</div>
  270. <div class="liang" id="KB_FDC_GZTS"></div>
  271. <div class="tai_s">台</div>
  272. </li>
  273. <li>
  274. <div class="yanse3">限电</div>
  275. <div class="liang" id="KB_FDC_XDTS"></div>
  276. <div class="tai_s">台</div>
  277. </li>
  278. <li>
  279. <div class="yanse4">待机</div>
  280. <div class="liang"id="KB_FDC_DJTS"></div>
  281. <div class="tai_s">台</div>
  282. </li>
  283. <li>
  284. <div class="yanse5">维护</div>
  285. <div class="liang" id="KB_FDC_WHTS"></div>
  286. <div class="tai_s">台</div>
  287. </li>
  288. <li>
  289. <div class="yanse6">离线</div>
  290. <div class="liang" id="KB_FDC_LXTS"></div>
  291. <div class="tai_s">台</div>
  292. </li>
  293. </ul>
  294. </div>
  295. </div>
  296. <div class="bj1">
  297. <div class="lan_t">
  298. <div class="bk">雁门关风电场</div>
  299. <div class="lv_bj">
  300. <div class="lv_shuzi" id="DX_FDC_JRTS"></div>
  301. </div>
  302. <div class="tai">台</div>
  303. </div>
  304. <div class="fd">
  305. <div class="fd_left" id="speedDX">
  306. </div>
  307. <div class="fdl_right">
  308. <ul>
  309. <li>
  310. <div class="fdl_zi">发电量</div>
  311. <div onmouseover="this.className='fdl_bj1'" onmouseout= "this.className='fdl_bj'" class="fdl_bj" id="DX_FDC_FDL">
  312. </div>
  313. <div class="danwei">万kWh</div>
  314. </li>
  315. <li>
  316. <div class="fdl_zi">功 率</div>
  317. <div onmouseover="this.className='fdl_bj1'" onmouseout= "this.className='fdl_bj'" class="fdl_bj" id="DX_FDC_GL1">
  318. </div>
  319. <div class="danwei">MW</div>
  320. </li>
  321. </ul>
  322. </div>
  323. </div>
  324. <div class="bg_bj">
  325. <ul>
  326. <li>
  327. <div class="yanse1">运行</div>
  328. <div class="liang" id="DX_FDC_YXTS"></div>
  329. <div class="tai_s">台</div>
  330. </li>
  331. <li>
  332. <div class="yanse2">故障</div>
  333. <div class="liang" id="DX_FDC_GZTS"></div>
  334. <div class="tai_s">台</div>
  335. </li>
  336. <li>
  337. <div class="yanse3">限电</div>
  338. <div class="liang" id="DX_FDC_XDTS"></div>
  339. <div class="tai_s">台</div>
  340. </li>
  341. <li>
  342. <div class="yanse4">待机</div>
  343. <div class="liang" id="DX_FDC_DJTS"></div>
  344. <div class="tai_s">台</div>
  345. </li>
  346. <li>
  347. <div class="yanse5">维护</div>
  348. <div class="liang" id="DX_FDC_WHTS"></div>
  349. <div class="tai_s">台</div>
  350. </li>
  351. <li>
  352. <div class="yanse6">离线</div>
  353. <div class="liang" id="DX_FDC_LXTS"></div>
  354. <div class="tai_s">台</div>
  355. </li>
  356. </ul>
  357. </div>
  358. </div>
  359. <div class="dltj">
  360. <h1 class="dltj_t">电量统计</h1>
  361. <div class="dltj_tu">
  362. <div id="dltj_Chart_1"></div>
  363. <div id="dltj_Chart_2"></div>
  364. </div>
  365. </div>
  366. </div>
  367. <div class="main_tubiao">
  368. <div class="ycdlylldl">
  369. <div class="ycdl">
  370. <h1 class="ycdl_t">理论电量与实发电量</h1>
  371. <div class="tu1" style="width:919px height:231px" id="chatyc"></div>
  372. </div>
  373. <div class="xsfd">
  374. <h1 class="xsfd_t">24小时发电趋势</h1>
  375. <div class="tu2" style="width:919px height:202px" id="glqx_Chart"></div>
  376. </div>
  377. </div>
  378. <div class="ssgx">
  379. <h1 class="ssgx_t">实时功率散点图</h1>
  380. <div class="tu3" id="pointChat" style="width:916px height:443px" ></div>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. <!-- 表头<input id="biaotou" type="text" value="功率" /><br/>
  386. 点名<input id="dianming" type="text" value="HB_GD_KBF_DQ_P1_L1_001_DI2019" /><br/>
  387. 单位<input id="danwei" type="text" value="m/s" /><br/>
  388. <input id="Button1" type="button" value="点击弹出层" onclick="ShowDiv('MyDiv','fade');queryDatafirsload()" />
  389. <div id="fade" class="black_overlay" >
  390. </div> -->
  391. <!-- <iframe src="" id="myframe" width="420px" height="420px"></iframe> -->
  392. <%-- <div id="MyDiv" class="white_content">
  393. <div style="text-align: right; cursor: default; height: 40px;">
  394. <span style="font-size: 16px;" onclick="CloseDiv('MyDiv','fade')">关闭</span>
  395. </div>
  396. <fieldset style="height: 80px;width: 1580px" id="fst">
  397. <legend class="item_Name">查询条件</legend>
  398. <table class="dataform">
  399. <tr>
  400. <th width="100" class="item_Name">
  401. 开始时间:
  402. </th>
  403. <td width="120" style="text-align: left">
  404. <s:textfield
  405. cssClass="Wdate"
  406. onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
  407. id="startDate" name="startDate" title="开始日期" />
  408. </td>
  409. <th width="100" class="item_Name">
  410. 结束时间:
  411. </th>
  412. <td width="120" style="text-align: left">
  413. <s:textfield
  414. cssClass="Wdate"
  415. onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
  416. id="endDate" name="endDate" title="结束日期" />
  417. </td>
  418. <td width="120" style="text-align: right">
  419. <input type="button" onclick="javascript:queryData()" id="toexcel" value="查询"/>
  420. </td>
  421. </tr>
  422. </table>
  423. </fieldset>
  424. <div id="container" style="min-width:400px;height:400px"></div>
  425. </div> --%>
  426. <div style="display:none;align:center;valign:middle" id="chartContainer">
  427. <iframe id="myframe" width="1580px" height="700px" ></iframe>
  428. </div>
  429. </body>
  430. </html>