base.js.bak 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. function fnW(str) {
  2. var num;
  3. str >= 10 ? num = str : num = "0" + str;
  4. return num;
  5. }
  6. //获取当前时间
  7. var timer = setInterval(function () {
  8. var date = new Date();
  9. var year = date.getFullYear(); //当前年份
  10. var month = date.getMonth(); //当前月份
  11. var data = date.getDate(); //天
  12. var hours = date.getHours(); //小时
  13. var minute = date.getMinutes(); //分
  14. var second = date.getSeconds(); //秒
  15. var day = date.getDay(); //获取当前星期几
  16. var ampm = hours < 12 ? 'am' : 'pm';
  17. $('#time').html(fnW(hours) + ":" + fnW(minute) + ":" + fnW(second));
  18. $('#date').html('<span>' + year + '/' + (month + 1) + '/' + data + '</span><span>' + getMyDay(date) + '</span>')
  19. }, 1000)
  20. function getMyDay(date){
  21. var week;
  22. if(date.getDay()==0) week="周日"
  23. if(date.getDay()==1) week="周一"
  24. if(date.getDay()==2) week="周二"
  25. if(date.getDay()==3) week="周三"
  26. if(date.getDay()==4) week="周四"
  27. if(date.getDay()==5) week="周五"
  28. if(date.getDay()==6) week="周六"
  29. return week;
  30. }
  31. //预警按发布级别统计
  32. //var pie_fanzui =echarts.init(document.getElementById("pie_fanzui"),'macarons');
  33. var jbtj =echarts.init(document.getElementById("jbtj"),'infographic');
  34. option = {
  35. tooltip : {
  36. trigger: 'item',
  37. formatter: "{a} <br/>{b} : {c} ({d}%)"
  38. },
  39. calculable : true,
  40. series : [
  41. {
  42. name:'发布数量',
  43. type:'pie',
  44. radius : '55%',
  45. center: ['50%', '50%'],
  46. data:[
  47. {value:35, name:'红色',itemStyle:{color:'#800000'}},
  48. {value:10, name:'蓝色',itemStyle:{color:'#4169E1'}},
  49. {value:34, name:'黄色',itemStyle:{color:'#FFFF00'}},
  50. {value:35, name:'橙色',itemStyle:{color:'#FFA500'}}
  51. ],
  52. itemStyle:{
  53. normal:{
  54. label:{
  55. show: true,
  56. formatter: '{b} : {c} ({d}%)'
  57. },
  58. labelLine :{show:true}
  59. }
  60. }
  61. }
  62. ]
  63. };
  64. jbtj.setOption(option);
  65. //===================本月发布预警统计=======================
  66. //var line_time =echarts.init(document.getElementById("line_time"),'shine');
  67. var line_time =echarts.init(document.getElementById("areatj"),'shine');
  68. //var line_time =echarts.init(document.getElementById("line_time"),'infographic');
  69. var option = {
  70. // 给echarts图设置背景色
  71. //backgroundColor: '#FBFBFB', // -----------> // 给echarts图设置背景色
  72. color: ['#1181e6'],
  73. tooltip: {
  74. trigger: 'axis'
  75. },
  76. grid:{
  77. x:40,
  78. y:20,
  79. x2:5,
  80. y2:30
  81. },
  82. calculable: true,
  83. xAxis: [{
  84. type: 'category',
  85. data: ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30'],
  86. axisLabel: {
  87. color: "#cdddf7" //刻度线标签颜色
  88. },
  89. //设置轴线的属性
  90. axisLine:{
  91. lineStyle:{
  92. color:'#cdddf7',
  93. width:1,//这里是为了突出显示加上的
  94. }
  95. }
  96. }],
  97. yAxis: [{
  98. type: 'value',
  99. axisLabel: {
  100. color: "#cdddf7" //刻度线标签颜色
  101. },
  102. //设置轴线的属性
  103. axisLine:{
  104. lineStyle:{
  105. color:'#cdddf7',
  106. width:1,//这里是为了突出显示加上的
  107. }
  108. }
  109. }],
  110. series: [{
  111. name: '条数',
  112. type: 'line',
  113. data: [10,5, 6, 7, 8, 4, 3,10,5, 6, 7, 8, 4, 3,5, 6, 7, 8, 4, 3, 3, 3,5, 6, 7, 8, 4, 3, 3],
  114. itemStyle : { normal: {label : {show: true}}}
  115. }]
  116. };
  117. line_time.setOption(option);
  118. //时间选择器
  119. var startV = '';
  120. var endV = '';
  121. laydate.skin('danlan');
  122. var startTime = {
  123. elem: '#startTime',
  124. format: 'YYYY-MM-DD',
  125. min: '1997-01-01', //设定最小日期为当前日期
  126. max: laydate.now(), //最大日期
  127. istime: true,
  128. istoday: true,
  129. fixed: false,
  130. choose: function (datas) {
  131. startV = datas;
  132. endTime.min = datas; //开始日选好后,重置结束日的最小日期
  133. }
  134. };
  135. var endTime = {
  136. elem: '#endTime',
  137. format: 'YYYY-MM-DD',
  138. min: laydate.now(),
  139. max: laydate.now(),
  140. istime: true,
  141. istoday: true,
  142. fixed: false,
  143. choose: function (datas) {
  144. // startTime.max = datas; //结束日选好后,重置开始日的最大日期
  145. endV = datas;
  146. }
  147. };
  148. //laydate(startTime);
  149. //laydate(endTime);
  150. //时间选择器
  151. var startVs = '';
  152. var endVs = '';
  153. laydate.skin('danlan');
  154. var startTimes = {
  155. elem: '#startTimes',
  156. format: 'YYYY-MM-DD',
  157. min: '1997-01-01', //设定最小日期为当前日期
  158. max: '2099-06-16', //最大日期
  159. istime: true,
  160. istoday: true,
  161. fixed: false,
  162. choose: function (datas) {
  163. startVs = datas;
  164. endTimes.min = datas; //开始日选好后,重置结束日的最小日期
  165. setQgData($('#barTypes').parent().parent(), 1);
  166. }
  167. };
  168. var endTimes = {
  169. elem: '#endTimes',
  170. format: 'YYYY-MM-DD',
  171. min: laydate.now(),
  172. max: laydate.now(),
  173. istime: true,
  174. istoday: true,
  175. fixed: false,
  176. choose: function (datas) {
  177. // startTime.max = datas; //结束日选好后,重置开始日的最大日期
  178. endVs = datas;
  179. setQgData($('#barTypes').parent().parent(), 1);
  180. }
  181. };
  182. //laydate(startTimes);
  183. //laydate(endTimes);
  184. //更改日期插件的样式
  185. function dateCss() {
  186. var arr = $('#laydate_box').attr('style').split(';');
  187. var cssStr =
  188. 'position:absolute;right:0;';
  189. for (var i = 0; i < arr.length; i++) {
  190. if (arr[i].indexOf('top') != -1) {
  191. cssStr += arr[i];
  192. }
  193. }
  194. $('#laydate_box').attr('style', cssStr);
  195. }
  196. var workDate;
  197. var time = {
  198. elem: '#times',
  199. format: 'YYYY-MM-DD',
  200. min: laydate.now(),
  201. max: laydate.now() + 30,
  202. istime: true,
  203. istoday: true,
  204. fixed: false,
  205. choose: function (datas) {
  206. // startTime.max = datas; //结束日选好后,重置开始日的最大日期
  207. workDate = datas;
  208. }
  209. };
  210. //laydate(time);