2976c76ba8e652cad05a2f9d7dcd822ae2db30cb.svn-base 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>设备受损019</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.js"></script>
  9. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/src/chart/gauge.js"></script>
  10. <script type="text/javascript" src=" /nwyj/page/cockpit/cockpit_echart.js"></script>
  11. <!-- <script type="text/javascript" src="/nwyj/scripts/cockpit/echarts/echatsPulic.js"></script> -->
  12. <script type="text/javascript" src=" /nwyj/page/cockpit/webgis/util.js"></script>
  13. <style type="text/css">
  14. html,body {width: 100%;height: 100%;}
  15. .c_common{width: 100%;height: 100%;display: inline-block;}
  16. </style>
  17. </head>
  18. <body>
  19. <div id="i_equipment_loss_guage" class="c_equipment_loss_guage_bar c_common"></div>
  20. <script type="text/javascript">
  21. $(function(){
  22. equipmentLossGuageeInit();
  23. });
  24. function equipmentLossGuageeInit(){
  25. $.post("/nwyj/ws/ChartServiceImpl/ChartServiceImpl/getChildDataOrSelfByWarnningNumber",{name:"getRecodeSumData",number:"防风防汛-F-2016-5",viewName:"REPORT_LINE_DAOGAN_VIEW"},function(result){
  26. if(result.rows.length==0){
  27. zeroChart();
  28. return;
  29. }
  30. var sArr=[{
  31. name:"恢复率",
  32. type:"gague",
  33. detail : {formatter:"{value}%"},
  34. data:[]
  35. }];
  36. var xAxis=[];
  37. var data=result.rows[0];
  38. var sum=changeQ(data["PLON_DAOTA_500"])+changeQ(data["PLON_BIANXING_500"])+changeQ(data["PLON_DAOTA_200"])+changeQ(data["PLON_BIANXING_200"])+changeQ(data["PLON_DAOTA_110"])+
  39. changeQ(data["PLON_BIANXING_110"])+changeQ(data["DUANGAN_110"])+changeQ(data["DAOGAN_110"])+changeQ(data["DIANGAN_QIGNXIE_110"])+changeQ(data["PLON_DAOTA_35"])+
  40. changeQ(data["PLON_BIANXING_35"])+changeQ(data["DUANGAN_35"])+changeQ(data["DAOGAN_35"])+changeQ(data["DIANGAN_QIGNXIE_35"]);
  41. var un=changeQ(data["PLON_DAOTA_10"])+changeQ(data["PLON_BIANXING_10"])+changeQ(data["DUANGAN_10"])+changeQ(data["DAOGAN_10"])+changeQ(data["DIANGAN_QIGNXIE_10"])+
  42. changeQ(data["DAUNGAN_DIYA"])+changeQ(data["DAOGAN_DIYA"])+changeQ(data["QINGGAN_DIYA"]);
  43. sArr[0].data.push({name:"回复率",value:(1-un/sum)*100});
  44. opParams={
  45. title:"广东",//标题
  46. unit:"",//单位
  47. leArr:["恢复率"],//图例
  48. xAxis:xAxis,//x轴
  49. sArr:sArr//主数据
  50. };
  51. // alert(JSON.stringify(opParams));
  52. equipmentLossGuageChart=getEchart($("#i_equipment_loss_guage"),getOption,opParams,null);
  53. $(window).resize(function(){
  54. equipmentLossGuageChart.resize();
  55. });
  56. },"json");
  57. }
  58. </script>
  59. </body>
  60. </html>