Нет описания

pieCharts.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <!--优先使用 IE 最新版本和 Chrome-->
  7. <meta name="renderer" content="webkit" />
  8. <script src="../Script/Common/huayi.load.js"></script>
  9. <script src="../Script/Common/huayi.config.js"></script>
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <link rel="stylesheet" href="../css/pieCharts.css" />
  13. <title>设备运维图形统计</title>
  14. <style>
  15. .phone_top .chart{
  16. width: 33.333%;
  17. }
  18. .phone_bottom div.bottom_left{
  19. width: 32%;
  20. }
  21. .phone_bottom div.bottom_right{
  22. width: 67%;
  23. }
  24. .bottom_right .chart{
  25. width: 50%;
  26. }
  27. </style>
  28. </head>
  29. <body class="gray-bg">
  30. <div class="daoHang clearfix">
  31. <div class="dhLeft">
  32. <sapn><i class="syIcon"></i>位置:
  33. <a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
  34. <a href="javaScript:;">报表管理</a>&gt;
  35. <a href="javascript:location.reload()" class="now_position">运维图形统计</a>
  36. </sapn>
  37. </div>
  38. </div>
  39. <div class="wrapper wrapper-content animated fadeInRight">
  40. <div class="form-inline th-bar clearfix">
  41. <div class="btn-group" data-toggle="buttons" id="sc_statebtn">
  42. <label class="btn btn-primary active">
  43. <input type="radio" name="options" value="0" autocomplete="off" checked>当天
  44. </label>
  45. <label class="btn btn-primary">
  46. <input type="radio" name="options" value="1" autocomplete="off">本周
  47. </label>
  48. <label class="btn btn-primary">
  49. <input type="radio" name="options" value="2" autocomplete="off">本月
  50. </label>
  51. <label class="btn btn-primary">
  52. <input type="radio" name="options" value="3" autocomplete="off">本年
  53. </label>
  54. <label class="btn btn-primary">
  55. <input type="radio" name="options" value="4" autocomplete="off">累计
  56. </label>
  57. </div>
  58. </div>
  59. <div id="wrap" class="container">
  60. <div class="phone_top">
  61. <div class="legend_bar clearfix">
  62. <div class="title_word pull-left">
  63. <span class="col-line"></span>
  64. </div>
  65. </div>
  66. <div class="clearfix">
  67. <div class="chart" id="pieChart0"></div>
  68. <!--<div class="chart" id="pieChart1"></div>-->
  69. <div class="chart" id="pieChart2"></div>
  70. <div class="chart" id="pieChart3"></div>
  71. </div>
  72. </div>
  73. <div class="phone_bottom clearfix">
  74. <div class="bottom_left pull-left">
  75. <div class="legend_bar clearfix">
  76. <div class="title_word pull-left">
  77. <span class="col-line"></span>
  78. </div>
  79. </div>
  80. <div class="clearfix">
  81. <div class="chart" id="pieChart4"></div>
  82. </div>
  83. </div>
  84. <div class="bottom_right pull-left">
  85. <div class="legend_bar clearfix">
  86. <div class="title_word pull-left">
  87. <span class="col-line"></span>
  88. </div>
  89. </div>
  90. <div class="clearfix">
  91. <div class="chart" id="pieChart5"></div>
  92. <div class="chart" id="pieChart6"></div>
  93. <!--<div class="chart" id="pieChart7"></div>-->
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <script src="../js/echarts/echarts.common.min.js"></script>
  100. <script src="js/pieCharts.js"></script>
  101. </body>
  102. </html>