永城市12345_前端 - 这个不用

laiyuanqudao.js 4.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. //part1
  2. var container1 = echarts.init(document.getElementById('container1'));
  3. container1.setOption({
  4. tooltip: {
  5. trigger: 'axis',
  6. axisPointer: {
  7. type: false,
  8. label: {
  9. show: true,
  10. backgroundColor: '#333'
  11. }
  12. },
  13. // formatter: function(datas)
  14. // {
  15. // var res = datas[0].name + '<br/>', val;
  16. // for(var i = 0, length = datas.length; i < length; i++) {
  17. // val = (datas[i].value) + '%';
  18. // res += datas[i].seriesName + ':' + val + '<br/>';
  19. // }
  20. // return res;
  21. // }
  22. },
  23. legend: {
  24. top: 30,
  25. data: [],
  26. textStyle: {
  27. color: '#fff'
  28. }
  29. },
  30. xAxis: {
  31. // name: '时',
  32. data: [],
  33. axisLine: {
  34. lineStyle: {
  35. color: '#ccc'
  36. }
  37. },
  38. },
  39. yAxis: {
  40. name: '数量',
  41. splitLine: {
  42. show: false
  43. },
  44. axisLine: {
  45. lineStyle: {
  46. color: '#ccc'
  47. }
  48. }
  49. },
  50. series: [{
  51. name: '数量',
  52. type: 'bar',
  53. barWidth: 18,
  54. itemStyle: {
  55. normal: {
  56. color: new echarts.graphic.LinearGradient(
  57. 0, 0, 0, 1, [{
  58. offset: 0,
  59. color: '#14c8d4'
  60. },
  61. {
  62. offset: 1,
  63. color: '#43eec6'
  64. }
  65. ]
  66. )
  67. }
  68. },
  69. label: {
  70. normal: {
  71. show: true,
  72. position: 'top', //顶部数据显示位置
  73. formatter: '{c}' // 这里是数据展示的时候显示的数据
  74. }
  75. },
  76. data: []
  77. }]
  78. });
  79. //受理渠道24小时统计 part2
  80. var qd_box = echarts.init(document.getElementById('qd_box'));
  81. qd_box.setOption({
  82. tooltip: {
  83. trigger: 'axis',
  84. axisPointer: {
  85. type: false,
  86. label: {
  87. show: true,
  88. backgroundColor: '#333'
  89. }
  90. },
  91. // formatter: function(datas)
  92. // {
  93. // var res = datas[0].name + '<br/>', val;
  94. // for(var i = 0, length = datas.length; i < length; i++) {
  95. // val = (datas[i].value) + '%';
  96. // res += datas[i].seriesName + ':' + val + '<br/>';
  97. // }
  98. // return res;
  99. // }
  100. },
  101. legend: {
  102. top: 30,
  103. data: [],
  104. textStyle: {
  105. color: '#fff'
  106. }
  107. },
  108. xAxis: {
  109. // name: '时',
  110. data: [],
  111. axisLine: {
  112. lineStyle: {
  113. color: '#ccc'
  114. }
  115. },
  116. },
  117. yAxis: {
  118. name: '比率',
  119. splitLine: {
  120. show: false
  121. },
  122. axisLine: {
  123. lineStyle: {
  124. color: '#ccc'
  125. }
  126. }
  127. },
  128. series: [{
  129. name: '渠道占比',
  130. type: 'bar',
  131. barWidth: 18,
  132. itemStyle: {
  133. normal: {
  134. color: new echarts.graphic.LinearGradient(
  135. 0, 0, 0, 1, [{
  136. offset: 0,
  137. color: '#14c8d4'
  138. },
  139. {
  140. offset: 1,
  141. color: '#43eec6'
  142. }
  143. ]
  144. )
  145. }
  146. },
  147. label: {
  148. normal: {
  149. show: true,
  150. position: 'top', //顶部数据显示位置
  151. formatter: '{c}%' // 这里是数据展示的时候显示的数据
  152. }
  153. },
  154. data: []
  155. }]
  156. });
  157. Ajax();
  158. function Ajax() {
  159. var index = layer.load(1, {
  160. shade: [0.5, '#030303'] //0.1透明度的白色背景
  161. });
  162. $(".txbox").html('');
  163. $.ajax({
  164. type: "get",
  165. url: huayi.config.callcenter_url + "Info/GetSourceInfo",
  166. dataType: 'json',
  167. async: true,
  168. data: {
  169. // token:token
  170. },
  171. success: function(result) {
  172. if(result.state.toLowerCase() == 'success') {
  173. layer.close(index);
  174. var qdc_counts = result.data.b;
  175. var qdc_legend = [];
  176. var qdc_ser_data = [];
  177. $(qdc_counts).each(function(i, n) {
  178. qdc_ser_data.push(n.Count)
  179. qdc_legend.push(n.Source);
  180. })
  181. container1.setOption({
  182. legend: {
  183. data: qdc_legend
  184. },
  185. xAxis:{
  186. data:qdc_legend
  187. },
  188. series: {
  189. data:qdc_ser_data
  190. }
  191. });
  192. var shouLiQuDao = result.data.a;
  193. var qd_legend = [];
  194. var ser_data = [];
  195. var qd_label = {
  196. normal: {
  197. show: true,
  198. position: 'inside',
  199. formatter: '{c}%'
  200. }
  201. };
  202. $(shouLiQuDao).each(function(i, n) {
  203. ser_data.push(n.percent)
  204. qd_legend.push(n.source);
  205. })
  206. qd_box.setOption({
  207. legend: {
  208. data: qd_legend
  209. },
  210. xAxis:{
  211. data:qd_legend
  212. },
  213. series: {
  214. data:ser_data
  215. }
  216. });
  217. }
  218. }
  219. });
  220. }
  221. setInterval(Ajax, huayi.config.indextime); //Ajax调用函数