common.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. function getStartDate(chooseYear){
  2. // 按年度来计算的时候,开始时间是该年度7月1号还是到下一个年的6月30号结束
  3. if(chooseYear == 2016){
  4. return chooseYear + "-08-01";
  5. }else{
  6. return chooseYear+'-07-01';
  7. }
  8. }
  9. //获取结束时间
  10. function getEndDate(chooseYear){
  11. chooseYear = parseInt(chooseYear);
  12. var endDate = new Date((chooseYear+1) + '-06-30'),
  13. now = new Date();
  14. if(now <= endDate){
  15. return now.format("yyyy-MM-dd");
  16. }else{
  17. return (chooseYear+1) + '-06-30';
  18. }
  19. }
  20. //获取结束时间29
  21. function getEndDate29(chooseYear){
  22. chooseYear = parseInt(chooseYear);
  23. var endDate = new Date((chooseYear+1) + '-06-29'),
  24. now = new Date();
  25. if(now <= endDate){
  26. return now.format("yyyy-MM-dd");
  27. }else{
  28. return (chooseYear+1) + '-06-29';
  29. }
  30. }
  31. /**
  32. * 获取多少天前的日期
  33. */
  34. function getDateBefore(days) {
  35. var now = new Date();
  36. var date = new Date(now.getTime() - days * 24 * 3600 * 1000);
  37. var year = date.getFullYear();
  38. var month = date.getMonth() + 1;
  39. var day = date.getDate();
  40. var hour = date.getHours();
  41. var minute = date.getMinutes();
  42. var second = date.getSeconds();
  43. return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
  44. }
  45. /*
  46. * 获取用来排序的字段值,返回数组
  47. * 参数: list - 列表, key - 字段的名称
  48. */
  49. function getKeyValueArr(list, key){
  50. var arr = [];
  51. for(var k in list){
  52. arr.push(list[k][key]);
  53. }
  54. return arr;
  55. }
  56. /*
  57. * 排名
  58. */
  59. function soreRank(arr){
  60. var temp = [];
  61. var lis = [];
  62. for(var i=0;i<arr.length;i++){
  63. lis.push(arr[i]);
  64. }
  65. lis = _.uniq(lis);
  66. for(var i=0;i<arr.length;i++){
  67. temp[i] = lis.indexOf(arr[i])+1;
  68. }
  69. return temp;
  70. }
  71. /*
  72. * 绘制饼图
  73. */
  74. function drawPie(elId, arry, color, legend, center, radius, title){
  75. var pieChart = echarts.init(document.getElementById(elId));
  76. var options = {
  77. tooltip: {
  78. trigger: 'item',
  79. formatter: "{b} : {c} ({d}%)",
  80. // position: ['50%', '50%']
  81. },
  82. color: color,
  83. series: [
  84. {
  85. type:'pie',
  86. radius: ['80%', '99%'],
  87. startAngle: 270,
  88. legendHoverLink: false,
  89. hoverAnimation: false,
  90. avoidLabelOverlap: false,
  91. label: {
  92. normal: {
  93. show: false,
  94. textStyle: {
  95. color: "#000"
  96. }
  97. }
  98. },
  99. labelLine: {
  100. normal: {
  101. show: false
  102. }
  103. },
  104. data:arry,
  105. }]
  106. };
  107. if(legend){
  108. options.legend = legend;
  109. }
  110. if(center){
  111. options.series[0].center = center;
  112. }
  113. if(radius){
  114. options.series[0].radius = radius;
  115. }
  116. if(title){
  117. options.title = title
  118. }
  119. pieChart.clear();
  120. pieChart.setOption(options);
  121. }
  122. /*
  123. * 绘制饼图
  124. * arry [{name: '', value: ''}]
  125. * color ['#ffc800', '#17b3ec']
  126. * silent 图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件
  127. */
  128. function drawPieChart(elId, arry, color, silent){
  129. var myChart = echarts.init(document.getElementById(elId));
  130. var option = {
  131. tooltip: {
  132. trigger: 'item',
  133. formatter: "{b} : {c} ({d}%)",
  134. position: ['50%', '50%']
  135. },
  136. color: color,
  137. series: [
  138. {
  139. type:'pie',
  140. radius: ['80%', '99%'],
  141. startAngle: 270,
  142. legendHoverLink: false,
  143. hoverAnimation: false,
  144. avoidLabelOverlap: false,
  145. silent: silent,
  146. label: {
  147. normal: {
  148. show: false,
  149. textStyle: {
  150. color: "#000"
  151. }
  152. }
  153. },
  154. labelLine: {
  155. normal: {
  156. show: false
  157. }
  158. },
  159. data:arry
  160. }]
  161. };
  162. $("#"+elId).removeAttr("_echarts_instance_");
  163. myChart.setOption(option);
  164. return myChart;
  165. }
  166. /**
  167. * 绘制柱状图
  168. */
  169. function drawBarChart(el, xData, yData, color, name){
  170. var myChart = echarts.init(document.getElementById(el));
  171. // 指定图表的配置项和数据
  172. var option = {
  173. tooltip: {
  174. trigger: 'item'
  175. },
  176. toolbox: {
  177. dataZoom: true,
  178. show: true,
  179. orient: 'vertical',
  180. x: 'right',
  181. y: 'center'
  182. },
  183. grid: {
  184. left: '20px',
  185. right: '20px',
  186. bottom: '20px',
  187. top: '20px',
  188. containLabel: true
  189. },
  190. xAxis: [{
  191. type: 'category',
  192. data: xData,
  193. axisLabel: {
  194. interval:0,//横轴信息全部显示
  195. },
  196. splitLine: {
  197. show: false
  198. }
  199. }],
  200. yAxis: [{
  201. type: 'value',
  202. splitLine: {show:false}
  203. }],
  204. series: [{
  205. clickable: true,
  206. name: name,
  207. itemStyle : {
  208. normal: {
  209. label : {
  210. show: true, position: 'top'
  211. },
  212. color: color
  213. }
  214. },
  215. barWidth: 20,
  216. type: 'bar',
  217. data: yData
  218. }]
  219. };
  220. // 使用刚指定的配置项和数据显示图表。
  221. myChart.setOption(option);
  222. return myChart;
  223. }