index.js 114 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619
  1. /**
  2. * Created by Administrator on 2017/5/17.
  3. */
  4. $(function(){
  5. // index();
  6. $(".index_nav ul li").each(function(index){
  7. $(this).click(function(){
  8. $(".index_tabs .inner").eq(index).fadeIn().siblings("div").stop().hide();
  9. if(index==1){
  10. yingXiao();
  11. }else if(index==2){
  12. shouRu();
  13. }else if(index==3){
  14. AnQuan();
  15. }else if(index==4){
  16. user();
  17. }else if(index==5){
  18. manage();
  19. }
  20. })
  21. });
  22. $(".tabs ul li").each(function(index){
  23. $(this).click(function(){
  24. $(".tabs ul li div .div").removeClass("tabs_active");
  25. $(this).find("div .div").addClass("tabs_active");
  26. $(".tabs_map>div").eq(index).fadeIn().siblings("div").stop().hide();
  27. })
  28. });
  29. $(".middle_top_bot ul li").each(function(){
  30. $(this).click(function(){
  31. $(".middle_top_bot ul li").removeClass("middle_top_bot_active");
  32. $(this).addClass("middle_top_bot_active");
  33. })
  34. });
  35. });
  36. function user(){
  37. //游客来源分析
  38. $(function(){
  39. var myChart = echarts.init($("#container1")[0]);
  40. var option = {
  41. tooltip : {
  42. trigger: 'item',
  43. formatter: "{a} <br/>{b} : {c} ({d}%)"
  44. },
  45. legend: {
  46. x: 'center',
  47. y:"16",
  48. data: [],
  49. textStyle:{
  50. color:"#e9ebee"
  51. }
  52. },
  53. series : [
  54. {
  55. itemStyle: {
  56. normal: {
  57. label: {
  58. show: false
  59. },
  60. labelLine: {
  61. show: false
  62. }
  63. }
  64. },
  65. name: '',
  66. type: 'pie',
  67. radius : '55%',
  68. center: ['50%', '60%'],
  69. data:[
  70. {
  71. value:324,
  72. name:'省内游客',
  73. itemStyle:{
  74. normal:{
  75. color:"#2864ab"
  76. }
  77. }
  78. },
  79. {
  80. value:186,
  81. name:'北上广游客',
  82. itemStyle:{
  83. normal:{
  84. color:"#1afffd"
  85. }
  86. }
  87. },
  88. {
  89. value:99,
  90. name:'西南片区',
  91. itemStyle:{
  92. normal:{
  93. color:"#2e7cff"
  94. }
  95. }
  96. }
  97. ,
  98. {
  99. value:39,
  100. name:'海外游客',
  101. itemStyle:{
  102. normal:{
  103. color:"#ffcb89"
  104. }
  105. }
  106. }
  107. ,
  108. {
  109. value:78,
  110. name:'其他地区',
  111. itemStyle:{
  112. normal:{
  113. color:"#005ea1"
  114. }
  115. }
  116. }
  117. ]
  118. //data:[
  119. // {value:90, name:'男性'},
  120. // {value:10, name:'女性',
  121. // itemStyle:{
  122. // normal:{
  123. // color:"#ff81cb"
  124. // }
  125. // }}
  126. //]
  127. }
  128. ]
  129. };
  130. myChart.setOption(option);
  131. });
  132. //游客性别分析
  133. $(function(){
  134. var myChart = echarts.init($("#container2")[0]);
  135. var option = {
  136. tooltip : {
  137. trigger: 'item',
  138. formatter: "{a} <br/>{b} : {c} ({d}%)"
  139. },
  140. legend: {
  141. orient: 'vertical',
  142. x: 'left',
  143. y:"16",
  144. data: ['男性','女性'],
  145. textStyle:{
  146. color:"#e9ebee"
  147. }
  148. },
  149. series : [
  150. {
  151. itemStyle: {
  152. normal: {
  153. label: {
  154. show: false
  155. },
  156. labelLine: {
  157. show: false
  158. }
  159. }
  160. },
  161. name: '',
  162. type: 'pie',
  163. radius : '55%',
  164. center: ['50%', '60%'],
  165. data:[
  166. {value:90, name:'男性',
  167. itemStyle:{
  168. normal:{
  169. color:"#2865aa"
  170. }
  171. }},
  172. {value:10, name:'女性',
  173. itemStyle:{
  174. normal:{
  175. color:"#ff81cb"
  176. }
  177. }}
  178. ]
  179. }
  180. ]
  181. };
  182. myChart.setOption(option);
  183. });
  184. //游客年龄分析
  185. $(function(){
  186. var myChart = echarts.init($("#container3")[0]);
  187. var option = {
  188. tooltip : {
  189. trigger: 'item',
  190. formatter: "{a} <br/>{b} : {c} ({d}%)"
  191. },
  192. legend: {
  193. orient: 'vertical',
  194. x: 'right',
  195. y:"16",
  196. data: ['少年','青年','中年','老年','其他'],
  197. textStyle:{
  198. color:"#e9ebee"
  199. }
  200. },
  201. series : [
  202. {
  203. itemStyle: {
  204. normal: {
  205. label: {
  206. show: false
  207. },
  208. labelLine: {
  209. show: false
  210. }
  211. }
  212. },
  213. name: '',
  214. type: 'pie',
  215. radius : '55%',
  216. center: ['50%', '60%'],
  217. data:[
  218. {value:90, name:'少年',
  219. itemStyle:{
  220. normal:{
  221. color:"#45c0ff"
  222. }
  223. }},
  224. {value:254, name:'青年',
  225. itemStyle:{
  226. normal:{
  227. color:"#e15828"
  228. }
  229. }},
  230. {value:362, name:'中年',
  231. itemStyle:{
  232. normal:{
  233. color:"#005ea1"
  234. }
  235. }},
  236. {value:152, name:'老年',
  237. itemStyle:{
  238. normal:{
  239. color:"#ff81cb"
  240. }
  241. }},
  242. {value:86, name:'其他',
  243. itemStyle:{
  244. normal:{
  245. color:"#2e7cff"
  246. }
  247. }}
  248. ]
  249. }
  250. ]
  251. };
  252. myChart.setOption(option);
  253. });
  254. //散客——团队分析
  255. $(function(){
  256. var myChart = echarts.init(document.getElementById('container4'));
  257. var option = {
  258. tooltip : {
  259. trigger: 'axis',
  260. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  261. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  262. }
  263. },
  264. //legend: {
  265. // data:['散客(万人)','团队(万人)'],
  266. // y:'20',
  267. // textStyle: { fontWeight: 'bold', color: '#a4a7ab' }
  268. //},
  269. calculable : true,
  270. xAxis : [
  271. {
  272. type : 'category',
  273. data:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
  274. splitLine: {
  275. show: false
  276. },
  277. axisLabel: {
  278. show: true,
  279. textStyle: {
  280. color: '#a4a7ab',
  281. align: 'center'
  282. }
  283. }
  284. }
  285. ],
  286. grid: {
  287. x: 46,
  288. y:30,
  289. x2:32,
  290. y2:40,
  291. borderWidth: 0
  292. },
  293. yAxis : [
  294. {
  295. type : 'value',
  296. splitLine: {
  297. show: false
  298. },
  299. axisLabel: {
  300. show: true,
  301. textStyle: {
  302. color: '#a4a7ab'
  303. }
  304. }
  305. }
  306. ],
  307. series : [
  308. {
  309. name:'散客(万人)',
  310. type:'bar',
  311. stack: '广告',
  312. barWidth:'30',
  313. data:[320, 332, 301, 334, 390, 330, 320, 332, 301, 334, 390, 330],
  314. itemStyle:{
  315. normal:{
  316. color:"#1afffd"
  317. }
  318. }
  319. },
  320. {
  321. name:'团队(万人)',
  322. type:'bar',
  323. stack: '广告',
  324. data:[120, 132, 101, 134, 90, 230, 210,220, 182, 191, 234, 290],
  325. itemStyle:{
  326. normal:{
  327. color:"#2e7cff"
  328. }
  329. }
  330. }
  331. ]
  332. };
  333. myChart.setOption(option);
  334. });
  335. //天气游客数据分析
  336. $(function(){
  337. var myChart = echarts.init(document.getElementById('container5'));
  338. var option = {
  339. tooltip : {
  340. trigger: 'axis',
  341. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  342. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  343. }
  344. },
  345. //legend: {
  346. // data:['散客人数(万人)','团队人数(万人)'],
  347. // textStyle: { fontWeight: 'bold', color: '#a4a7ab' }
  348. //},
  349. grid: {
  350. x: 46,
  351. y:30,
  352. x2:32,
  353. y2:40,
  354. borderWidth: 0
  355. },
  356. xAxis : [
  357. {
  358. type : 'category',
  359. data : ['炎热', '晴朗', '阴天', '多风', '大雾', '雨天','雨雪'],
  360. splitLine: {
  361. show: false
  362. },
  363. axisLabel: {
  364. show: true,
  365. textStyle: {
  366. color: '#a4a7ab',
  367. align: 'center'
  368. }
  369. }
  370. }
  371. ],
  372. yAxis : [
  373. {
  374. type : 'value',
  375. splitLine: {
  376. show: false
  377. },
  378. axisLabel: {
  379. show: true,
  380. textStyle: {
  381. color: '#a4a7ab'
  382. }
  383. }
  384. }
  385. ],
  386. series : [
  387. {
  388. name:'散客人数(万人)',
  389. type:'bar',
  390. data:[20, 15, 15, 16, 18, 15, 10,26,30],
  391. itemStyle:{
  392. normal:{
  393. color:"#2e7cff"
  394. }
  395. }
  396. },
  397. {
  398. name:'团队人数(万人)',
  399. type:'bar',
  400. stack: '广告',
  401. data:[20, 35, 50, 66, 84, 99, 109,80,70],
  402. itemStyle:{
  403. normal:{
  404. color:"#0ad5ff"
  405. }
  406. }
  407. }
  408. ]
  409. };
  410. myChart.setOption(option);
  411. });
  412. //游客出行交通方式分析
  413. $(function(){
  414. var myChart = echarts.init($("#container6")[0]);
  415. var option = {
  416. tooltip : {
  417. trigger: 'axis',
  418. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  419. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  420. }
  421. },
  422. grid: {
  423. x: 46,
  424. y:30,
  425. x2:32,
  426. y2:40,
  427. borderWidth: 0
  428. },
  429. calculable : true,
  430. xAxis : [
  431. {
  432. type : 'category',
  433. data:['汽车','火车','飞机','自驾游','公共交通','其他'],
  434. splitLine: {
  435. show: false
  436. },
  437. axisLabel: {
  438. show: true,
  439. textStyle: {
  440. color: '#a4a7ab',
  441. align: 'center'
  442. }
  443. }
  444. }
  445. ],
  446. yAxis : [
  447. {
  448. type : 'value',
  449. splitLine: {
  450. show: false
  451. },
  452. axisLabel: {
  453. show: true,
  454. textStyle: {
  455. color: '#a4a7ab'
  456. }
  457. }
  458. }
  459. ],
  460. series : [
  461. {
  462. name:'游客数量(万人)',
  463. type:'bar',
  464. barWidth:'30',
  465. data:[5, 9, 10, 7, 6, 3, 8, 4,6, 7, 3, 3, 1],
  466. itemStyle: {
  467. normal: {
  468. color:"#0aff6c"
  469. }
  470. }
  471. }
  472. ]
  473. };
  474. myChart.setOption(option);
  475. });
  476. //不同时间段入园情况
  477. $(function(){
  478. var myChart = echarts.init($("#container9")[0]);
  479. var option = {
  480. tooltip: { //提示框,鼠标悬浮交互时的信息提示
  481. show: true,
  482. trigger: 'axis'
  483. },
  484. grid: {
  485. x: 46,
  486. y:30,
  487. x2:32,
  488. y2:40,
  489. borderWidth: 0
  490. },
  491. legend: {
  492. data: [],
  493. orient: 'vertical',
  494. textStyle: { fontWeight: 'bold', color: '#a4a7ab' }
  495. },
  496. calculable: true,
  497. xAxis: [
  498. {
  499. type: 'category',
  500. boundaryGap: false,
  501. data: ['8:00-10:00', '10:00-12:00', '12:00-14:00', '14:00-16:00', '16:00-18:00', '18:00-20:00'],
  502. splitLine: {
  503. show: false
  504. },
  505. axisLabel: {
  506. show: true,
  507. //rotate:20,
  508. textStyle: {
  509. color: '#a4a7ab',
  510. align: 'center'
  511. }
  512. }
  513. }
  514. ],
  515. yAxis: [
  516. {
  517. type: 'value',
  518. splitLine: {
  519. show: false
  520. },
  521. axisLabel: {
  522. show: true,
  523. textStyle: {
  524. color: '#a4a7ab',
  525. align: 'right'
  526. }
  527. }
  528. }
  529. ],
  530. series: [
  531. {
  532. name: '客流量(人)',
  533. type: 'line',
  534. stack: '客流量',
  535. data: [1200, 1322, 1401, 1046, 1499, 820],
  536. itemStyle: {
  537. normal: {
  538. color: '#02bcbc'
  539. }
  540. }
  541. }
  542. ]
  543. };
  544. myChart.setOption(option);
  545. });
  546. //不同月份游客数量情况
  547. $(function(){
  548. var myChart = echarts.init($("#container10")[0]);
  549. var option = {
  550. tooltip : {
  551. trigger: 'axis',
  552. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  553. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  554. }
  555. },
  556. grid: {
  557. x: 46,
  558. y:30,
  559. x2:32,
  560. y2:40,
  561. borderWidth: 0
  562. },
  563. calculable : true,
  564. xAxis : [
  565. {
  566. type : 'category',
  567. data:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
  568. splitLine: {
  569. show: false
  570. },
  571. axisLabel: {
  572. show: true,
  573. textStyle: {
  574. color: '#a4a7ab',
  575. align: 'center'
  576. }
  577. }
  578. }
  579. ],
  580. yAxis : [
  581. {
  582. type : 'value',
  583. splitLine: {
  584. show: false
  585. },
  586. axisLabel: {
  587. show: true,
  588. textStyle: {
  589. color: '#a4a7ab'
  590. }
  591. }
  592. }
  593. ],
  594. series : [
  595. {
  596. name:'游客数量(万人)',
  597. type:'bar',
  598. barWidth:'30',
  599. data:[5, 9, 10, 7, 6, 3, 8, 4,6, 7, 3, 3, 1],
  600. itemStyle: {
  601. normal: {
  602. color:"#269fec"
  603. }
  604. }
  605. }
  606. ]
  607. };
  608. myChart.setOption(option);
  609. });
  610. //不同月份游客走势情况
  611. $(function(){
  612. var myChart = echarts.init(document.getElementById('container11'));
  613. var option = {
  614. tooltip : {
  615. trigger: 'axis'
  616. },
  617. grid: {
  618. x: 46,
  619. y:30,
  620. x2:32,
  621. y2:40,
  622. borderWidth: 0
  623. },
  624. calculable : true,
  625. xAxis : [
  626. {
  627. type : 'category',
  628. boundaryGap : false,
  629. data : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
  630. splitLine: {
  631. show: false
  632. },
  633. axisLabel: {
  634. show: true,
  635. textStyle: {
  636. color: '#a4a7ab'
  637. }
  638. }
  639. }
  640. ],
  641. yAxis : [
  642. {
  643. type : 'value',
  644. splitLine: {
  645. show: false
  646. },
  647. axisLabel: {
  648. show: true,
  649. textStyle: {
  650. color: '#a4a7ab'
  651. }
  652. }
  653. }
  654. ],
  655. series : [
  656. {
  657. name:'散客',
  658. type:'line',
  659. stack: '人',
  660. data:[120, 132, 101, 134, 90, 230, 210,230,245,256,278,300],
  661. itemStyle: {
  662. normal: {
  663. color:"#e15828"
  664. }
  665. }
  666. },
  667. {
  668. name:'团队',
  669. type:'line',
  670. stack: '人',
  671. data:[220, 182, 191, 234, 290, 330, 310,230,245,256,278,300],
  672. itemStyle: {
  673. normal: {
  674. color:"#2e7cff"
  675. }
  676. }
  677. }
  678. ]
  679. };
  680. myChart.setOption(option);
  681. });
  682. //出行方式排行
  683. $(function(){
  684. var myChart = echarts.init($("#container12")[0]);
  685. var option = {
  686. tooltip : {
  687. trigger: 'axis',
  688. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  689. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  690. }
  691. },
  692. grid: {
  693. x: 46,
  694. y:30,
  695. x2:32,
  696. y2:40,
  697. borderWidth: 0
  698. },
  699. xAxis: {
  700. type: 'value',
  701. x:'180',
  702. splitLine: {
  703. show: false
  704. },
  705. axisLabel: {
  706. show: true,
  707. textStyle: {
  708. color: '#a4a7ab'
  709. }
  710. }
  711. },
  712. yAxis: {
  713. type: 'category',
  714. data: ['其他','飞机','火车','自驾游','长途皮车'],
  715. splitLine: {
  716. show: false
  717. },
  718. axisLabel: {
  719. show: true,
  720. textStyle: {
  721. color: '#a4a7ab'
  722. }
  723. }
  724. },
  725. series: [
  726. {
  727. name: '出行人数(人)',
  728. type: 'bar',
  729. stack: '总量',
  730. label: {
  731. normal: {
  732. show: true,
  733. position: 'insideRight'
  734. }
  735. },
  736. data: [9900, 12350, 42563, 52364, 63524, 78224, 89254],
  737. itemStyle: {
  738. normal: {
  739. color:"#ff7d0a"
  740. }
  741. }
  742. }
  743. ]
  744. };
  745. myChart.setOption(option);
  746. });
  747. }
  748. function manage(){
  749. //工作人员性别分析
  750. $(function(){
  751. var myChart = echarts.init($("#userContainerSex")[0]);
  752. var option = {
  753. tooltip : {
  754. trigger: 'item',
  755. formatter: "{a} <br/>{b} : {c} ({d}%)"
  756. },
  757. legend: {
  758. orient: 'vertical',
  759. x: 'left',
  760. y:"16",
  761. data: ['男性','女性'],
  762. textStyle:{
  763. color:"#e9ebee"
  764. }
  765. },
  766. series : [
  767. {
  768. itemStyle: {
  769. normal: {
  770. label: {
  771. show: false
  772. },
  773. labelLine: {
  774. show: false
  775. }
  776. }
  777. },
  778. name: '',
  779. type: 'pie',
  780. radius : '55%',
  781. center: ['50%', '60%'],
  782. data:[
  783. {value:90, name:'男性',
  784. itemStyle:{
  785. normal:{
  786. color:"#2865aa"
  787. }
  788. }},
  789. {value:10, name:'女性',
  790. itemStyle:{
  791. normal:{
  792. color:"#ff81cb"
  793. }
  794. }}
  795. ]
  796. }
  797. ]
  798. };
  799. myChart.setOption(option);
  800. });
  801. //工作人员来源分析
  802. $(function(){
  803. var myChart = echarts.init($("#userContainerManage")[0]);
  804. var option = {
  805. tooltip : {
  806. trigger: 'item',
  807. formatter: "{a} <br/>{b} : {c} ({d}%)"
  808. },
  809. legend: {
  810. x: 'center',
  811. y:"16",
  812. data:['安保部', '售票部', '保洁部', '后勤部', '指导部', '急救部'],
  813. textStyle:{
  814. color:"#e9ebee"
  815. }
  816. },
  817. series : [
  818. {
  819. itemStyle: {
  820. normal: {
  821. label: {
  822. show: false
  823. },
  824. labelLine: {
  825. show: false
  826. }
  827. }
  828. },
  829. name: '',
  830. type: 'pie',
  831. radius : '55%',
  832. center: ['50%', '60%'],
  833. data:[
  834. {
  835. value:324,
  836. name:'安保部',
  837. itemStyle:{
  838. normal:{
  839. color:"#1afffd"
  840. }
  841. }
  842. },
  843. {
  844. value:186,
  845. name:'售票部',
  846. itemStyle:{
  847. normal:{
  848. color:"#2e7cff"
  849. }
  850. }
  851. },
  852. {
  853. value:99,
  854. name:'保洁部',
  855. itemStyle:{
  856. normal:{
  857. color:"#ffcb89"
  858. }
  859. }
  860. }
  861. ,
  862. {
  863. value:39,
  864. name:'后勤部',
  865. itemStyle:{
  866. normal:{
  867. color:"#005ea1"
  868. }
  869. }
  870. }
  871. ,
  872. {
  873. value:78,
  874. name:'指导部',
  875. itemStyle:{
  876. normal:{
  877. color:"#0ad5ff"
  878. }
  879. }
  880. },
  881. {
  882. value:78,
  883. name:'急救部',
  884. itemStyle:{
  885. normal:{
  886. color:"#feb602"
  887. }
  888. }
  889. }
  890. ]
  891. //data:[
  892. // {value:90, name:'男性',
  893. // itemStyle:{
  894. // normal:{
  895. // color:"#2865aa"
  896. // }
  897. // }},
  898. // {value:10, name:'女性',
  899. // itemStyle:{
  900. // normal:{
  901. // color:"#ff81cb"
  902. // }
  903. // }}
  904. //]
  905. }
  906. ]
  907. };
  908. myChart.setOption(option);
  909. });
  910. //工作人员年龄分析
  911. $(function(){
  912. var myChart = echarts.init($("#userContainerAge")[0]);
  913. var option = {
  914. tooltip : {
  915. trigger: 'item',
  916. formatter: "{a} <br/>{b} : {c} ({d}%)"
  917. },
  918. legend: {
  919. orient: 'vertical',
  920. x: 'right',
  921. y:"16",
  922. data: ['少年','青年','中年','老年','其他'],
  923. textStyle:{
  924. color:"#e9ebee"
  925. }
  926. },
  927. series : [
  928. {
  929. itemStyle: {
  930. normal: {
  931. label: {
  932. show: false
  933. },
  934. labelLine: {
  935. show: false
  936. }
  937. }
  938. },
  939. name: '',
  940. type: 'pie',
  941. radius : '55%',
  942. center: ['50%', '60%'],
  943. data:[
  944. {value:90, name:'少年',
  945. itemStyle:{
  946. normal:{
  947. color:"#0ad5ff"
  948. }
  949. }},
  950. {value:254, name:'青年',
  951. itemStyle:{
  952. normal:{
  953. color:"#005ea1"
  954. }
  955. }},
  956. {value:362, name:'中年',
  957. itemStyle:{
  958. normal:{
  959. color:"#ffcb89"
  960. }
  961. }},
  962. {value:152, name:'老年',
  963. itemStyle:{
  964. normal:{
  965. color:"#2e7cff"
  966. }
  967. }},
  968. {value:86, name:'其他',
  969. itemStyle:{
  970. normal:{
  971. color:"#1afffd"
  972. }
  973. }}
  974. ]
  975. }
  976. ]
  977. };
  978. myChart.setOption(option);
  979. });
  980. //景区个部门出勤情况分析
  981. $(function(){
  982. var myChart = echarts.init($("#userContainerAttendance")[0]);
  983. var option = {
  984. tooltip : {
  985. trigger: 'axis',
  986. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  987. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  988. }
  989. },
  990. grid: {
  991. x: 46,
  992. y:30,
  993. x2:32,
  994. y2:40,
  995. borderWidth: 0
  996. },
  997. calculable : true,
  998. xAxis : [
  999. {
  1000. type : 'category',
  1001. data:['安保部', '售票部', '保洁部', '后勤部', '指导部', '急救部'],
  1002. splitLine: {
  1003. show: false
  1004. },
  1005. axisLabel: {
  1006. show: true,
  1007. textStyle: {
  1008. color: '#a4a7ab',
  1009. align: 'center'
  1010. }
  1011. }
  1012. }
  1013. ],
  1014. yAxis : [
  1015. {
  1016. type : 'value',
  1017. splitLine: {
  1018. show: false
  1019. },
  1020. axisLabel: {
  1021. show: true,
  1022. textStyle: {
  1023. color: '#a4a7ab'
  1024. }
  1025. }
  1026. }
  1027. ],
  1028. series : [
  1029. {
  1030. name:'出勤率(%)',
  1031. type:'bar',
  1032. barWidth:'30',
  1033. data:[76, 56, 39, 77, 86, 95, 58, 4,6, 7, 3, 3, 1],
  1034. itemStyle: {
  1035. normal: {
  1036. color:"#1afffd"
  1037. }
  1038. }
  1039. }
  1040. ]
  1041. };
  1042. myChart.setOption(option);
  1043. });
  1044. //个人出勤率排行
  1045. $(function(){
  1046. var myChart = echarts.init($("#userContainerPersonal")[0]);
  1047. var option = {
  1048. tooltip : {
  1049. trigger: 'axis',
  1050. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  1051. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  1052. }
  1053. },
  1054. grid: {
  1055. x: 46,
  1056. y:30,
  1057. x2:32,
  1058. y2:40,
  1059. borderWidth: 0
  1060. },
  1061. xAxis: {
  1062. type: 'value',
  1063. x:'180',
  1064. splitLine: {
  1065. show: false
  1066. },
  1067. axisLabel: {
  1068. show: true,
  1069. textStyle: {
  1070. color: '#a4a7ab'
  1071. }
  1072. }
  1073. },
  1074. yAxis: {
  1075. type: 'category',
  1076. data: ['陈杰','李进','张佳倩','孙林','李杰'],
  1077. splitLine: {
  1078. show: false
  1079. },
  1080. axisLabel: {
  1081. show: true,
  1082. textStyle: {
  1083. color: '#a4a7ab'
  1084. }
  1085. }
  1086. },
  1087. series: [
  1088. {
  1089. name: '出勤率(%)',
  1090. type: 'bar',
  1091. stack: '总量',
  1092. label: {
  1093. normal: {
  1094. show: true,
  1095. position: 'insideRight'
  1096. }
  1097. },
  1098. data: [60, 72, 85, 96, 99],
  1099. itemStyle: {
  1100. normal: {
  1101. color:"#45c0ff"
  1102. }
  1103. }
  1104. }
  1105. ]
  1106. };
  1107. myChart.setOption(option);
  1108. });
  1109. //不同月份人员流动情况
  1110. $(function(){
  1111. var myChart = echarts.init(document.getElementById('userContainerFlow'));
  1112. var option = {
  1113. tooltip : {
  1114. trigger: 'axis'
  1115. },
  1116. grid: {
  1117. x: 46,
  1118. y:30,
  1119. x2:32,
  1120. y2:40,
  1121. borderWidth: 0
  1122. },
  1123. calculable : true,
  1124. xAxis : [
  1125. {
  1126. type : 'category',
  1127. boundaryGap : false,
  1128. data : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
  1129. splitLine: {
  1130. show: false
  1131. },
  1132. axisLabel: {
  1133. show: true,
  1134. textStyle: {
  1135. color: '#a4a7ab'
  1136. }
  1137. }
  1138. }
  1139. ],
  1140. yAxis : [
  1141. {
  1142. type : 'value',
  1143. splitLine: {
  1144. show: false
  1145. },
  1146. axisLabel: {
  1147. show: true,
  1148. textStyle: {
  1149. color: '#a4a7ab'
  1150. }
  1151. }
  1152. }
  1153. ],
  1154. series : [
  1155. {
  1156. name:'景区工作人员',
  1157. type:'line',
  1158. stack: '人',
  1159. data:[120, 132, 101, 134, 90, 230, 210,230,245,256,278,300],
  1160. itemStyle: {
  1161. normal: {
  1162. color:"#1afffd"
  1163. }
  1164. }
  1165. }
  1166. ]
  1167. };
  1168. myChart.setOption(option);
  1169. });
  1170. //景区个部门违规操作分析
  1171. $(function(){
  1172. var myChart = echarts.init($("#userContainerIllegal")[0]);
  1173. var option = {
  1174. tooltip : {
  1175. trigger: 'axis',
  1176. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  1177. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  1178. }
  1179. },
  1180. grid: {
  1181. x: 46,
  1182. y:30,
  1183. x2:32,
  1184. y2:40,
  1185. borderWidth: 0
  1186. },
  1187. calculable : true,
  1188. xAxis : [
  1189. {
  1190. type : 'category',
  1191. data:['安保部', '售票部', '保洁部', '后勤部', '指导部', '急救部'],
  1192. splitLine: {
  1193. show: false
  1194. },
  1195. axisLabel: {
  1196. show: true,
  1197. textStyle: {
  1198. color: '#a4a7ab',
  1199. align: 'center'
  1200. }
  1201. }
  1202. }
  1203. ],
  1204. yAxis : [
  1205. {
  1206. type : 'value',
  1207. splitLine: {
  1208. show: false
  1209. },
  1210. axisLabel: {
  1211. show: true,
  1212. textStyle: {
  1213. color: '#a4a7ab'
  1214. }
  1215. }
  1216. }
  1217. ],
  1218. series : [
  1219. {
  1220. name:'违规次数(次)',
  1221. type:'bar',
  1222. barWidth:'30',
  1223. data:[124, 522, 235, 365, 214, 265, 58, 4,6, 7, 3, 3, 1],
  1224. itemStyle: {
  1225. normal: {
  1226. color:"#269fec"
  1227. }
  1228. }
  1229. }
  1230. ]
  1231. };
  1232. myChart.setOption(option);
  1233. });
  1234. //不同月份各部门被投诉分析
  1235. $(function(){
  1236. var myChart = echarts.init(document.getElementById('userContainerComplaint'));
  1237. var option = {
  1238. tooltip : {
  1239. trigger: 'axis'
  1240. },
  1241. grid: {
  1242. x: 46,
  1243. y:30,
  1244. x2:32,
  1245. y2:40,
  1246. borderWidth: 0
  1247. },
  1248. calculable : true,
  1249. xAxis : [
  1250. {
  1251. type : 'category',
  1252. boundaryGap : false,
  1253. data : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
  1254. splitLine: {
  1255. show: false
  1256. },
  1257. axisLabel: {
  1258. show: true,
  1259. textStyle: {
  1260. color: '#a4a7ab'
  1261. }
  1262. }
  1263. }
  1264. ],
  1265. yAxis : [
  1266. {
  1267. type : 'value',
  1268. splitLine: {
  1269. show: false
  1270. },
  1271. axisLabel: {
  1272. show: true,
  1273. textStyle: {
  1274. color: '#a4a7ab'
  1275. }
  1276. }
  1277. }
  1278. ],
  1279. series : [
  1280. {
  1281. name:'安保部',
  1282. type:'line',
  1283. stack: '人',
  1284. data:[120, 132, 101, 134, 90, 230, 210,230,245,256,278,300],
  1285. itemStyle: {
  1286. normal: {
  1287. color:"#45c0ff"
  1288. }
  1289. }
  1290. },
  1291. {
  1292. name:'售票部',
  1293. type:'line',
  1294. stack: '人',
  1295. data:[220, 182, 191, 234, 290, 330, 310,230,245,256,278,300],
  1296. itemStyle: {
  1297. normal: {
  1298. color:"#0ad5ff"
  1299. }
  1300. }
  1301. },
  1302. {
  1303. name:'保洁部',
  1304. type:'line',
  1305. stack: '人',
  1306. data:[220, 182, 191, 234, 290, 330, 310,230,245,256,278,300],
  1307. itemStyle: {
  1308. normal: {
  1309. color:"#005ea1"
  1310. }
  1311. }
  1312. },
  1313. {
  1314. name:'后勤部',
  1315. type:'line',
  1316. stack: '人',
  1317. data:[220, 182, 191, 234, 290, 330, 310,230,245,256,278,300],
  1318. itemStyle: {
  1319. normal: {
  1320. color:"#ffcb89"
  1321. }
  1322. }
  1323. },
  1324. {
  1325. name:'指导部',
  1326. type:'line',
  1327. stack: '人',
  1328. data:[220, 182, 191, 234, 290, 330, 310,230,245,256,278,300],
  1329. itemStyle: {
  1330. normal: {
  1331. color:"#2e7cff"
  1332. }
  1333. }
  1334. },
  1335. {
  1336. name:'急救部',
  1337. type:'line',
  1338. stack: '人',
  1339. data:[220, 182, 191, 234, 290, 330, 310,230,245,256,278,300],
  1340. itemStyle: {
  1341. normal: {
  1342. color:"#1afffd"
  1343. }
  1344. }
  1345. }
  1346. ]
  1347. };
  1348. myChart.setOption(option);
  1349. });
  1350. //员工奖惩分析
  1351. $(function(){
  1352. var myChart = echarts.init(document.getElementById('userContainerPrize'));
  1353. var option = {
  1354. tooltip : {
  1355. trigger: 'axis',
  1356. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  1357. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  1358. }
  1359. },
  1360. //legend: {
  1361. // data:['散客人数(万人)','团队人数(万人)'],
  1362. // textStyle: { fontWeight: 'bold', color: '#a4a7ab' }
  1363. //},
  1364. grid: {
  1365. x: 46,
  1366. y:30,
  1367. x2:32,
  1368. y2:40,
  1369. borderWidth: 0
  1370. },
  1371. xAxis : [
  1372. {
  1373. type : 'category',
  1374. data : ['李杰', '赵一鸣', '陈爽', '李焕', '周伟', '张杰','王维'],
  1375. splitLine: {
  1376. show: false
  1377. },
  1378. axisLabel: {
  1379. show: true,
  1380. textStyle: {
  1381. color: '#a4a7ab',
  1382. align: 'center'
  1383. }
  1384. }
  1385. }
  1386. ],
  1387. yAxis : [
  1388. {
  1389. type : 'value',
  1390. splitLine: {
  1391. show: false
  1392. },
  1393. axisLabel: {
  1394. show: true,
  1395. textStyle: {
  1396. color: '#a4a7ab'
  1397. }
  1398. }
  1399. }
  1400. ],
  1401. series : [
  1402. {
  1403. name:'奖励次数(次)',
  1404. type:'bar',
  1405. data:[5, 7, 4, 1, 2, 9, 6,5,7],
  1406. itemStyle:{
  1407. normal:{
  1408. color:"#1afffd"
  1409. }
  1410. }
  1411. },
  1412. {
  1413. name:'惩罚次数(次)',
  1414. type:'bar',
  1415. stack: '广告',
  1416. data:[2, 1, 4, 9, 7, 5, 2,7,6],
  1417. itemStyle:{
  1418. normal:{
  1419. color:"#2e7cff"
  1420. }
  1421. }
  1422. }
  1423. ]
  1424. };
  1425. myChart.setOption(option);
  1426. });
  1427. //设备故障原因分析
  1428. $(function(){
  1429. var myChart = echarts.init(document.getElementById('userContainerReason'));
  1430. var option = {
  1431. tooltip : {
  1432. trigger: 'item',
  1433. formatter: "{a} <br/>{b} : {c} ({d}%)"
  1434. },
  1435. legend: {
  1436. orient: 'vertical',
  1437. x: 'left',
  1438. data: ['人为破坏','年久失修','自然因素','设备过期','其他'],
  1439. textStyle:{
  1440. color:"#e9ebee"
  1441. }
  1442. },
  1443. series : [
  1444. {
  1445. name: '故障原因',
  1446. type: 'pie',
  1447. radius : '55%',
  1448. center: ['50%', '60%'],
  1449. data:[
  1450. {value:335, name:'人为破坏',
  1451. itemStyle:{
  1452. normal:{
  1453. color:"#1afffd"
  1454. }
  1455. }},
  1456. {value:310, name:'年久失修',
  1457. itemStyle:{
  1458. normal:{
  1459. color:"#2e7cff"
  1460. }
  1461. }},
  1462. {value:234, name:'自然因素',
  1463. itemStyle:{
  1464. normal:{
  1465. color:"#ffcb89"
  1466. }
  1467. }},
  1468. {value:135, name:'设备过期',
  1469. itemStyle:{
  1470. normal:{
  1471. color:"#005ea1"
  1472. }
  1473. }},
  1474. {value:148, name:'其他',
  1475. itemStyle:{
  1476. normal:{
  1477. color:"#45c0ff"
  1478. }
  1479. }}
  1480. ],
  1481. itemStyle: {
  1482. emphasis: {
  1483. shadowBlur: 10,
  1484. shadowOffsetX: 0,
  1485. shadowColor: 'rgba(0, 0, 0, 0.5)'
  1486. }
  1487. }
  1488. }
  1489. ]
  1490. };
  1491. myChart.setOption(option);
  1492. });
  1493. //故障处理情况分析
  1494. $(function(){
  1495. var myChart = echarts.init(document.getElementById('userContainerHandle'));
  1496. var option = {
  1497. tooltip : {
  1498. trigger: 'item',
  1499. formatter: "{a} <br/>{b} : {c} ({d}%)"
  1500. },
  1501. legend: {
  1502. orient: 'vertical',
  1503. x: 'right',
  1504. data: ['已处理','未处理','超期未处理','其他'],
  1505. textStyle:{
  1506. color:"#e9ebee"
  1507. }
  1508. },
  1509. series : [
  1510. {
  1511. name: '处理情况',
  1512. type: 'pie',
  1513. radius : '55%',
  1514. center: ['50%', '60%'],
  1515. data:[
  1516. {value:335, name:'已处理',
  1517. itemStyle:{
  1518. normal:{
  1519. color:"#2e7cff"
  1520. }
  1521. }},
  1522. {value:310, name:'未处理',
  1523. itemStyle:{
  1524. normal:{
  1525. color:"#ffcb89"
  1526. }
  1527. }},
  1528. {value:234, name:'超期未处理',
  1529. itemStyle:{
  1530. normal:{
  1531. color:"#2864ab"
  1532. }
  1533. }},
  1534. {value:148, name:'其他',
  1535. itemStyle:{
  1536. normal:{
  1537. color:"#e15828"
  1538. }
  1539. }}
  1540. ],
  1541. itemStyle: {
  1542. emphasis: {
  1543. shadowBlur: 10,
  1544. shadowOffsetX: 0,
  1545. shadowColor: 'rgba(0, 0, 0, 0.5)'
  1546. }
  1547. }
  1548. }
  1549. ]
  1550. };
  1551. myChart.setOption(option);
  1552. });
  1553. }
  1554. function yingXiao(){
  1555. // 营销分析
  1556. // 24小时购买时间分析
  1557. $(function(){
  1558. var myChart = echarts.init($("#buyTime")[0]);
  1559. var option = {
  1560. tooltip: { //提示框,鼠标悬浮交互时的信息提示
  1561. show: true,
  1562. trigger: 'axis'
  1563. },
  1564. grid: {
  1565. x: 46,
  1566. y:30,
  1567. x2:30,
  1568. y2:40,
  1569. borderWidth: 0
  1570. },
  1571. legend: {
  1572. data: [],
  1573. orient: 'vertical',
  1574. textStyle: { fontWeight: 'bold', color: '#a4a7ab' }
  1575. },
  1576. calculable: false,
  1577. xAxis: [
  1578. {
  1579. type: 'category',
  1580. boundaryGap: false,
  1581. 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'],
  1582. splitLine: {
  1583. show: false
  1584. },
  1585. axisLabel: {
  1586. show: true,
  1587. textStyle: {
  1588. color: '#a4a7ab',
  1589. align: 'center'
  1590. }
  1591. }
  1592. }
  1593. ],
  1594. yAxis: [
  1595. {
  1596. type: 'value',
  1597. splitLine: {
  1598. show: false
  1599. },
  1600. axisLabel: {
  1601. show: true,
  1602. textStyle: {
  1603. color: '#a4a7ab',
  1604. align: 'right'
  1605. }
  1606. }
  1607. }
  1608. ],
  1609. series: [
  1610. {
  1611. name: '',
  1612. type: 'line',
  1613. stack: '24小时购买时间',
  1614. data: [120, 132, 101, 146, 199, 230, 210, 230, 240, 256, 278, 300,120, 132, 101, 146, 199, 230, 210, 230, 240, 256, 278, 300],
  1615. itemStyle: {
  1616. normal: {
  1617. color: '#02bcbc'
  1618. }
  1619. }
  1620. }
  1621. ]
  1622. };
  1623. myChart.setOption(option);
  1624. });
  1625. // 套餐类型分析
  1626. $(function(){
  1627. var myChart = echarts.init($("#Package01")[0]);
  1628. option = {
  1629. legend: {
  1630. orient : 'vertical',
  1631. x : 'left',
  1632. data:['套餐A','套餐B','套餐C','套餐D','套餐E'], textStyle:{
  1633. color:"#e9ebee"
  1634. }
  1635. },
  1636. toolbox: {
  1637. show : true,
  1638. feature : {
  1639. mark : {show: true},
  1640. dataView : {show: true, readOnly: false},
  1641. magicType : {
  1642. show: true,
  1643. type: ['pie', 'funnel'],
  1644. option: {
  1645. funnel: {
  1646. x: '25%',
  1647. width: '50%',
  1648. funnelAlign: 'left',
  1649. max: 1548
  1650. }
  1651. }
  1652. },
  1653. restore : {show: true},
  1654. saveAsImage : {show: true}
  1655. }
  1656. },
  1657. calculable : false,
  1658. series : [
  1659. {
  1660. name:'套餐',
  1661. type:'pie',
  1662. radius : '55%',
  1663. center: ['50%', '60%'],
  1664. data:[
  1665. {value:335, name:'套餐A',
  1666. itemStyle: {
  1667. normal: {
  1668. color:"#1afffd"
  1669. }
  1670. }},
  1671. {value:310, name:'套餐B',
  1672. itemStyle: {
  1673. normal: {
  1674. color:"#2e7cff"
  1675. }
  1676. }},
  1677. {value:234, name:'套餐C',
  1678. itemStyle: {
  1679. normal: {
  1680. color:"#ffcb89"
  1681. }
  1682. }},
  1683. {value:135, name:'套餐D',
  1684. itemStyle: {
  1685. normal: {
  1686. color:"#005ea1"
  1687. }
  1688. }},
  1689. {value:1548, name:'套餐E',
  1690. itemStyle: {
  1691. normal: {
  1692. color:"#0ad5ff"
  1693. }
  1694. }}
  1695. ]
  1696. }
  1697. ]
  1698. };
  1699. myChart.setOption(option);
  1700. });
  1701. // 渠道分析
  1702. $(function(){
  1703. var myChart = echarts.init($("#rode01")[0]);
  1704. option = {
  1705. legend: {
  1706. orient : 'vertical',
  1707. x : 'left',
  1708. data:['套餐A','套餐B','套餐C','套餐D','套餐E','套餐F','套餐G','套餐H'], textStyle:{
  1709. color:"#e9ebee"
  1710. }
  1711. },
  1712. calculable : false,
  1713. series : [
  1714. {
  1715. name:'面积模式',
  1716. type:'pie',
  1717. radius : '60%',
  1718. center: ['50%', '60%'],
  1719. roseType : 'area',
  1720. x: '50%', // for funnel
  1721. max: 40, // for funnel
  1722. sort : 'ascending', // for funnel
  1723. data:[
  1724. {value:10, name:'套餐A',
  1725. itemStyle: {
  1726. normal: {
  1727. color:"#45c0ff"
  1728. }
  1729. }},
  1730. {value:5, name:'套餐B',
  1731. itemStyle: {
  1732. normal: {
  1733. color:"#e15828"
  1734. }
  1735. }},
  1736. {value:15, name:'套餐C',
  1737. itemStyle: {
  1738. normal: {
  1739. color:"#ff81cb"
  1740. }
  1741. }},
  1742. {value:25, name:'套餐D',
  1743. itemStyle: {
  1744. normal: {
  1745. color:"#2e7cff"
  1746. }
  1747. }},
  1748. {value:20, name:'套餐E',
  1749. itemStyle: {
  1750. normal: {
  1751. color:"#feb602"
  1752. }
  1753. }},
  1754. {value:35, name:'套餐F',
  1755. itemStyle: {
  1756. normal: {
  1757. color:"#ff7d0a"
  1758. }
  1759. }},
  1760. {value:30, name:'套餐H',
  1761. itemStyle: {
  1762. normal: {
  1763. color:"#1afffd"
  1764. }
  1765. }},
  1766. {value:40, name:'套餐G',
  1767. itemStyle: {
  1768. normal: {
  1769. color:"#2e7cff"
  1770. }
  1771. }}
  1772. ]
  1773. }
  1774. ]
  1775. };
  1776. myChart.setOption(option);
  1777. });
  1778. // 订退分析
  1779. $(function(){
  1780. var myChart = echarts.init($("#bookAret")[0]);
  1781. option = {
  1782. tooltip : {
  1783. trigger: 'axis'
  1784. },
  1785. grid: {
  1786. x: 46,
  1787. y:30,
  1788. x2:30,
  1789. y2:40,
  1790. borderWidth: 0
  1791. },
  1792. legend: {
  1793. data:['退订数','订单数'],
  1794. textStyle:{
  1795. color:"#e9ebee"
  1796. }
  1797. },
  1798. calculable : false,
  1799. xAxis : [
  1800. {
  1801. type : 'category',
  1802. data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
  1803. axisLabel: {
  1804. show: true,
  1805. textStyle: {
  1806. color: '#a4a7ab',
  1807. align: 'center'
  1808. },
  1809. splitLine: {
  1810. show: false
  1811. },
  1812. }
  1813. }
  1814. ],
  1815. yAxis : [
  1816. {
  1817. type : 'value',
  1818. axisLabel: {
  1819. show: true,
  1820. textStyle: {
  1821. color: '#a4a7ab',
  1822. align: 'right'
  1823. }
  1824. },
  1825. splitLine: {
  1826. show: false
  1827. },
  1828. }
  1829. ],
  1830. series : [
  1831. {
  1832. name:'退订数',
  1833. type:'bar',
  1834. data:[100, 80, 136, 150, 120, 56, 200, 162, 105, 63, 169, 236],
  1835. markPoint : {
  1836. data : [
  1837. {type : 'max', name: '最大值'},
  1838. {type : 'min', name: '最小值'}
  1839. ]
  1840. },
  1841. markLine : {
  1842. data : [
  1843. {type : 'average', name: '平均值'}
  1844. ]
  1845. }
  1846. },
  1847. {
  1848. name:'订单数',
  1849. type:'bar',
  1850. data:[983, 820, 1236, 930, 1600, 1032, 890, 1300, 1921, 984, 1960, 2630],
  1851. markPoint : {
  1852. data : [
  1853. {name : '月最高', value : 2630, xAxis: 12, yAxis: 2630, symbolSize:18},
  1854. {name : '月最低', value : 820, xAxis: 2, yAxis: 830}
  1855. ]
  1856. },
  1857. markLine : {
  1858. data : [
  1859. {type : 'average', name : '平均值'}
  1860. ]
  1861. }
  1862. }
  1863. ]
  1864. };
  1865. myChart.setOption(option);
  1866. });
  1867. // 按月进行趋势分析
  1868. $(function(){
  1869. var myChart = echarts.init($("#bookBmonth")[0]);
  1870. var option = {
  1871. tooltip: { //提示框,鼠标悬浮交互时的信息提示
  1872. show: true,
  1873. trigger: 'axis'
  1874. },
  1875. grid: {
  1876. x: 46,
  1877. y:30,
  1878. x2:30,
  1879. y2:40,
  1880. borderWidth: 0
  1881. },
  1882. legend: {
  1883. data: [],
  1884. orient: 'vertical',
  1885. textStyle: { fontWeight: 'bold', color: '#a4a7ab' }
  1886. },
  1887. calculable: false,
  1888. xAxis: [
  1889. {
  1890. type: 'category',
  1891. boundaryGap: false,
  1892. data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
  1893. splitLine: {
  1894. show: false
  1895. },
  1896. axisLabel: {
  1897. show: true,
  1898. textStyle: {
  1899. color: '#a4a7ab',
  1900. align: 'center'
  1901. }
  1902. }
  1903. }
  1904. ],
  1905. yAxis: [
  1906. {
  1907. type: 'value',
  1908. splitLine: {
  1909. show: false
  1910. },
  1911. axisLabel: {
  1912. show: true,
  1913. textStyle: {
  1914. color: '#a4a7ab',
  1915. align: 'right'
  1916. }
  1917. }
  1918. }
  1919. ],
  1920. series: [
  1921. {
  1922. name: '',
  1923. type: 'line',
  1924. stack: '订单数',
  1925. data:[983, 820, 1236, 930, 1600, 1032, 890, 1300, 1921, 984, 1960, 2630],
  1926. itemStyle: {
  1927. normal: {
  1928. color: '#02bcbc'
  1929. }
  1930. }
  1931. }
  1932. ]
  1933. };
  1934. myChart.setOption(option);
  1935. });
  1936. // 气候与订单分析
  1937. $(function(){
  1938. var myChart = echarts.init($("#whearAbook")[0]);
  1939. option = {
  1940. tooltip : {
  1941. trigger: 'axis'
  1942. },
  1943. grid: {
  1944. x: 46,
  1945. y:30,
  1946. x2:30,
  1947. y2:20,
  1948. borderWidth: 0
  1949. },
  1950. calculable : false,
  1951. legend: {
  1952. data:['下雨','下雪','晴天','订单量'],
  1953. textStyle:{
  1954. color:"#e9ebee"
  1955. }
  1956. },
  1957. xAxis : [
  1958. {
  1959. type : 'category',
  1960. data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
  1961. splitLine: {
  1962. show: false
  1963. },
  1964. axisLabel: {
  1965. show: true,
  1966. textStyle: {
  1967. color: '#a4a7ab',
  1968. align: 'center'
  1969. }
  1970. }
  1971. }
  1972. ],
  1973. yAxis : [
  1974. {
  1975. type : 'value',
  1976. name : '订单量',
  1977. axisLabel : {
  1978. formatter: '{value} ',
  1979. textStyle: {
  1980. color: '#a4a7ab',
  1981. align: 'right'
  1982. }
  1983. },
  1984. splitLine: {
  1985. show: false
  1986. },
  1987. },
  1988. {
  1989. type : 'value',
  1990. name : '温度',
  1991. axisLabel : {
  1992. formatter: '{value} °C',
  1993. textStyle: {
  1994. color: '#a4a7ab',
  1995. align: 'right'
  1996. }
  1997. },
  1998. splitLine: {
  1999. show: false
  2000. },
  2001. },
  2002. ],
  2003. series : [
  2004. {
  2005. name:'下雨',
  2006. type:'bar',
  2007. data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
  2008. itemStyle: {
  2009. normal: {
  2010. color:"#0ad5ff"
  2011. }
  2012. }
  2013. },
  2014. {
  2015. name:'下雪',
  2016. type:'bar',
  2017. data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
  2018. itemStyle: {
  2019. normal: {
  2020. color:"#005ea1"
  2021. }
  2022. }
  2023. },
  2024. {
  2025. name:'晴天',
  2026. type:'bar',
  2027. data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
  2028. itemStyle: {
  2029. normal: {
  2030. color:"#2e7cff"
  2031. }
  2032. }
  2033. },
  2034. {
  2035. name:'订单量',
  2036. type:'line',
  2037. yAxisIndex: 1,
  2038. data:[2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
  2039. itemStyle: {
  2040. normal: {
  2041. color:"#1afffd"
  2042. }
  2043. }
  2044. }
  2045. ]
  2046. };
  2047. myChart.setOption(option);
  2048. });
  2049. // 交通与订单分析
  2050. $(function(){
  2051. var myChart = echarts.init($("#rodeAbook")[0]);
  2052. option = {
  2053. tooltip : {
  2054. trigger: 'axis'
  2055. },
  2056. grid: {
  2057. x: 46,
  2058. y:30,
  2059. x2:30,
  2060. y2:20,
  2061. borderWidth: 0
  2062. },
  2063. calculable : false,
  2064. legend: {
  2065. data:['拥堵','畅通','订单量'],
  2066. textStyle:{
  2067. color:"#e9ebee"
  2068. }
  2069. },
  2070. xAxis : [
  2071. {
  2072. type : 'category',
  2073. data : ['周一','周二','周三','周四','周五','周六','周日'],
  2074. splitLine: {
  2075. show: false
  2076. },
  2077. axisLabel: {
  2078. show: true,
  2079. textStyle: {
  2080. color: '#a4a7ab',
  2081. align: 'center'
  2082. }
  2083. }
  2084. }
  2085. ],
  2086. yAxis : [
  2087. {
  2088. type : 'value',
  2089. name : '订单量',
  2090. axisLabel : {
  2091. formatter: '{value} ',
  2092. textStyle: {
  2093. color: '#a4a7ab',
  2094. align: 'right'
  2095. }
  2096. },
  2097. splitLine: {
  2098. show: false
  2099. },
  2100. },
  2101. {
  2102. type : 'value',
  2103. name : '车流量',
  2104. axisLabel : {
  2105. formatter: '{value} ',
  2106. textStyle: {
  2107. color: '#a4a7ab',
  2108. align: 'right'
  2109. }
  2110. },
  2111. splitLine: {
  2112. show: false
  2113. },
  2114. },
  2115. ],
  2116. series : [
  2117. {
  2118. name:'畅通',
  2119. type:'bar',
  2120. stack: '车流量',
  2121. data:[120, 132, 101, 134, 90, 230, 210],
  2122. itemStyle: {
  2123. normal: {
  2124. color:"#ffcb89"
  2125. }
  2126. }
  2127. },
  2128. {
  2129. name:'拥堵',
  2130. type:'bar',
  2131. stack: '车流量',
  2132. data:[220, 232, 301, 234, 190, 330, 210],
  2133. itemStyle: {
  2134. normal: {
  2135. color:"#005ea1"
  2136. }
  2137. }
  2138. },
  2139. {
  2140. name:'订单量',
  2141. type:'line',
  2142. yAxisIndex: 1,
  2143. data:[320, 232, 101, 134, 290, 230, 210],
  2144. itemStyle: {
  2145. normal: {
  2146. color:"#0ad5ff"
  2147. }
  2148. }
  2149. }
  2150. ]
  2151. };
  2152. myChart.setOption(option);
  2153. });
  2154. // 季节与订单分析
  2155. $(function(){
  2156. var myChart = echarts.init($("#seaAbook01")[0]);
  2157. option = {
  2158. legend: {
  2159. orient : 'vertical',
  2160. x : 'left',
  2161. data:['春季','夏季','秋季','冬季'], textStyle:{
  2162. color:"#e9ebee"
  2163. }
  2164. },
  2165. calculable : false,
  2166. series : [
  2167. {
  2168. name:'季节与订单关系',
  2169. type:'pie',
  2170. radius : '70%',
  2171. center: ['50%', '60%'],
  2172. splitLine:{show: false},
  2173. roseType : 'area',
  2174. x: '50%', // for funnel
  2175. max: 40, // for funnel
  2176. sort : 'ascending', // for funnel
  2177. data:[
  2178. {value:2560, name:'春季',
  2179. itemStyle: {
  2180. normal: {
  2181. color:"#2e7cff"
  2182. }
  2183. }},
  2184. {value:3690, name:'夏季',
  2185. itemStyle: {
  2186. normal: {
  2187. color:"#ffcb89"
  2188. }
  2189. }},
  2190. {value:5690, name:'秋季',
  2191. itemStyle: {
  2192. normal: {
  2193. color:"#005ea1"
  2194. }
  2195. }},
  2196. {value:6312, name:'冬季',
  2197. itemStyle: {
  2198. normal: {
  2199. color:"#0ad5ff"
  2200. }
  2201. }}
  2202. ]
  2203. }
  2204. ]
  2205. };
  2206. myChart.setOption(option);
  2207. });
  2208. // 活动与订单分析
  2209. $(function(){
  2210. var myChart = echarts.init($("#actionBook")[0]);
  2211. option = {
  2212. tooltip : {
  2213. trigger: 'axis'
  2214. },
  2215. grid: {
  2216. x: 46,
  2217. y:30,
  2218. x2:30,
  2219. y2:20,
  2220. borderWidth: 0
  2221. },
  2222. calculable : false,
  2223. legend: {
  2224. data:['降价活动','买一送一活动','送积分活动','送礼品活动'],
  2225. textStyle:{
  2226. color:"#e9ebee"
  2227. }
  2228. },
  2229. xAxis : [
  2230. {
  2231. type : 'category',
  2232. splitLine : {show : false},
  2233. data : ['周一','周二','周三','周四','周五','周六','周日'],
  2234. axisLabel: {
  2235. show: true,
  2236. textStyle: {
  2237. color: '#fff',
  2238. align: 'center'
  2239. }
  2240. }
  2241. }
  2242. ],
  2243. yAxis : [
  2244. {
  2245. type : 'value',
  2246. position: 'right',
  2247. splitLine : {show : false},
  2248. axisLabel: {
  2249. show: true,
  2250. textStyle: {
  2251. color: '#fff',
  2252. align: 'center'
  2253. }
  2254. }
  2255. }
  2256. ],
  2257. series : [
  2258. {
  2259. name:'降价活动',
  2260. type:'bar',
  2261. data:[320, 332, 301, 334, 390, 330, 320],
  2262. itemStyle: {
  2263. normal: {
  2264. color:"#2e7cff"
  2265. }
  2266. }
  2267. },
  2268. {
  2269. name:'买一送一活动',
  2270. type:'bar',
  2271. tooltip : {trigger: 'item'},
  2272. stack: '广告',
  2273. data:[120, 132, 101, 134, 90, 230, 210],
  2274. itemStyle: {
  2275. normal: {
  2276. color:"#feb602"
  2277. }
  2278. }
  2279. },
  2280. {
  2281. name:'送积分活动',
  2282. type:'bar',
  2283. tooltip : {trigger: 'item'},
  2284. stack: '广告',
  2285. data:[220, 182, 191, 234, 290, 330, 310],
  2286. itemStyle: {
  2287. normal: {
  2288. color:"#ffcb89"
  2289. }
  2290. }
  2291. },
  2292. {
  2293. name:'送礼品活动',
  2294. type:'bar',
  2295. tooltip : {trigger: 'item'},
  2296. stack: '广告',
  2297. data:[150, 232, 201, 154, 190, 330, 410],
  2298. itemStyle: {
  2299. normal: {
  2300. color:"#005ea1"
  2301. }
  2302. }
  2303. },
  2304. {
  2305. name:'订单趋势',
  2306. type:'line',
  2307. data:[862, 1018, 964, 1026, 1679, 1600, 1570],
  2308. itemStyle: {
  2309. normal: {
  2310. color:"#0ad5ff"
  2311. }
  2312. }
  2313. },
  2314. {
  2315. name:'订单细分',
  2316. type:'pie',
  2317. tooltip : {
  2318. trigger: 'item',
  2319. formatter: '{a} <br/>{b} : {c} ({d}%)'
  2320. },
  2321. center: [100,80],
  2322. radius : [0, 30],
  2323. itemStyle : {
  2324. normal : {
  2325. labelLine : {
  2326. length : 20
  2327. }
  2328. }
  2329. },
  2330. data:[
  2331. {value:1048, name:'订单一',
  2332. itemStyle: {
  2333. normal: {
  2334. color:"#1afffd"
  2335. }
  2336. }},
  2337. {value:251, name:'订单二',
  2338. itemStyle: {
  2339. normal: {
  2340. color:"#2e7cff"
  2341. }
  2342. }},
  2343. {value:147, name:'订单三',
  2344. itemStyle: {
  2345. normal: {
  2346. color:"#ffcb89"
  2347. }
  2348. }},
  2349. {value:102, name:'订单四',
  2350. itemStyle: {
  2351. normal: {
  2352. color:"#005ea1"
  2353. }
  2354. }}
  2355. ]
  2356. }
  2357. ]
  2358. };
  2359. myChart.setOption(option);
  2360. });
  2361. // 特殊时间点与订单分析
  2362. $(function(){
  2363. var myChart = echarts.init($("#sperceBook01")[0]);
  2364. option = {
  2365. tooltip : {
  2366. trigger: 'axis',
  2367. formatter: function (params) {
  2368. var res = params[0].seriesName + ' ' + params[0].name;
  2369. res += '<br/> 0-05 : ' + params[0].value[0] + ' 06-12 : ' + params[0].value[3];
  2370. res += '<br/> 13-18: ' + params[0].value[1] + ' 19-24 : ' + params[0].value[2];
  2371. return res;
  2372. }
  2373. },
  2374. grid: {
  2375. x: 46,
  2376. y:30,
  2377. x2:30,
  2378. y2:20,
  2379. borderWidth: 0
  2380. },
  2381. legend: {
  2382. data:['订单数'],
  2383. textStyle:{
  2384. color:"#e9ebee"
  2385. }
  2386. },
  2387. dataZoom : {
  2388. show : true,
  2389. realtime: true,
  2390. start : 50,
  2391. end : 100
  2392. },
  2393. xAxis : [
  2394. {
  2395. type : 'category',
  2396. textStyle: {
  2397. color: '#a4a7ab',
  2398. },
  2399. boundaryGap : true,
  2400. axisTick: {onGap:false},
  2401. splitLine: {show:false},
  2402. data : [
  2403. "2013/1/24", "2013/1/25", "2013/1/28", "2013/1/29", "2013/1/30",
  2404. "2013/1/31", "2013/2/1", "2013/2/4", "2013/2/5", "2013/2/6",
  2405. "2013/2/7", "2013/2/8", "2013/2/18", "2013/2/19", "2013/2/20",
  2406. "2013/2/21", "2013/2/22", "2013/2/25", "2013/2/26", "2013/2/27",
  2407. "2013/2/28", "2013/3/1", "2013/3/4", "2013/3/5", "2013/3/6",
  2408. "2013/3/7", "2013/3/8", "2013/3/11", "2013/3/12", "2013/3/13",
  2409. "2013/3/14", "2013/3/15", "2013/3/18", "2013/3/19", "2013/3/20",
  2410. "2013/3/21", "2013/3/22", "2013/3/25", "2013/3/26", "2013/3/27",
  2411. "2013/3/28", "2013/3/29", "2013/4/1", "2013/4/2", "2013/4/3",
  2412. "2013/4/8", "2013/4/9", "2013/4/10", "2013/4/11", "2013/4/12",
  2413. "2013/4/15", "2013/4/16", "2013/4/17", "2013/4/18", "2013/4/19",
  2414. "2013/4/22", "2013/4/23", "2013/4/24", "2013/4/25", "2013/4/26",
  2415. "2013/5/2", "2013/5/3", "2013/5/6", "2013/5/7", "2013/5/8",
  2416. "2013/5/9", "2013/5/10", "2013/5/13", "2013/5/14", "2013/5/15",
  2417. "2013/5/16", "2013/5/17", "2013/5/20", "2013/5/21", "2013/5/22",
  2418. "2013/5/23", "2013/5/24", "2013/5/27", "2013/5/28", "2013/5/29",
  2419. "2013/5/30", "2013/5/31", "2013/6/3", "2013/6/4", "2013/6/5",
  2420. "2013/6/6", "2013/6/7", "2013/6/13"
  2421. ]
  2422. }
  2423. ],
  2424. yAxis : [
  2425. {
  2426. type : 'value',
  2427. textStyle: {
  2428. color: '#a4a7ab',
  2429. },
  2430. scale:true,
  2431. boundaryGap: [0.01, 0.01],
  2432. splitLine: {
  2433. show: false
  2434. },
  2435. }
  2436. ],
  2437. series : [
  2438. {
  2439. name:'订单数',
  2440. type:'k',
  2441. data:[ // 开盘,收盘,最低,最高
  2442. [2320.26,2302.6,2287.3,2362.94],
  2443. [2300,2291.3,2288.26,2308.38],
  2444. [2295.35,2346.5,2295.35,2346.92],
  2445. [2347.22,2358.98,2337.35,2363.8],
  2446. [2360.75,2382.48,2347.89,2383.76],
  2447. [2383.43,2385.42,2371.23,2391.82],
  2448. [2377.41,2419.02,2369.57,2421.15],
  2449. [2425.92,2428.15,2417.58,2440.38],
  2450. [2411,2433.13,2403.3,2437.42],
  2451. [2432.68,2434.48,2427.7,2441.73],
  2452. [2430.69,2418.53,2394.22,2433.89],
  2453. [2416.62,2432.4,2414.4,2443.03],
  2454. [2441.91,2421.56,2415.43,2444.8],
  2455. [2420.26,2382.91,2373.53,2427.07],
  2456. [2383.49,2397.18,2370.61,2397.94],
  2457. [2378.82,2325.95,2309.17,2378.82],
  2458. [2322.94,2314.16,2308.76,2330.88],
  2459. [2320.62,2325.82,2315.01,2338.78],
  2460. [2313.74,2293.34,2289.89,2340.71],
  2461. [2297.77,2313.22,2292.03,2324.63],
  2462. [2322.32,2365.59,2308.92,2366.16],
  2463. [2364.54,2359.51,2330.86,2369.65],
  2464. [2332.08,2273.4,2259.25,2333.54],
  2465. [2274.81,2326.31,2270.1,2328.14],
  2466. [2333.61,2347.18,2321.6,2351.44],
  2467. [2340.44,2324.29,2304.27,2352.02],
  2468. [2326.42,2318.61,2314.59,2333.67],
  2469. [2314.68,2310.59,2296.58,2320.96],
  2470. [2309.16,2286.6,2264.83,2333.29],
  2471. [2282.17,2263.97,2253.25,2286.33],
  2472. [2255.77,2270.28,2253.31,2276.22],
  2473. [2269.31,2278.4,2250,2312.08],
  2474. [2267.29,2240.02,2239.21,2276.05],
  2475. [2244.26,2257.43,2232.02,2261.31],
  2476. [2257.74,2317.37,2257.42,2317.86],
  2477. [2318.21,2324.24,2311.6,2330.81],
  2478. [2321.4,2328.28,2314.97,2332],
  2479. [2334.74,2326.72,2319.91,2344.89],
  2480. [2318.58,2297.67,2281.12,2319.99],
  2481. [2299.38,2301.26,2289,2323.48],
  2482. [2273.55,2236.3,2232.91,2273.55],
  2483. [2238.49,2236.62,2228.81,2246.87],
  2484. [2229.46,2234.4,2227.31,2243.95],
  2485. [2234.9,2227.74,2220.44,2253.42],
  2486. [2232.69,2225.29,2217.25,2241.34],
  2487. [2196.24,2211.59,2180.67,2212.59],
  2488. [2215.47,2225.77,2215.47,2234.73],
  2489. [2224.93,2226.13,2212.56,2233.04],
  2490. [2236.98,2219.55,2217.26,2242.48],
  2491. [2218.09,2206.78,2204.44,2226.26],
  2492. [2199.91,2181.94,2177.39,2204.99],
  2493. [2169.63,2194.85,2165.78,2196.43],
  2494. [2195.03,2193.8,2178.47,2197.51],
  2495. [2181.82,2197.6,2175.44,2206.03],
  2496. [2201.12,2244.64,2200.58,2250.11],
  2497. [2236.4,2242.17,2232.26,2245.12],
  2498. [2242.62,2184.54,2182.81,2242.62],
  2499. [2187.35,2218.32,2184.11,2226.12],
  2500. [2213.19,2199.31,2191.85,2224.63],
  2501. [2203.89,2177.91,2173.86,2210.58],
  2502. [2170.78,2174.12,2161.14,2179.65],
  2503. [2179.05,2205.5,2179.05,2222.81],
  2504. [2212.5,2231.17,2212.5,2236.07],
  2505. [2227.86,2235.57,2219.44,2240.26],
  2506. [2242.39,2246.3,2235.42,2255.21],
  2507. [2246.96,2232.97,2221.38,2247.86],
  2508. [2228.82,2246.83,2225.81,2247.67],
  2509. [2247.68,2241.92,2231.36,2250.85],
  2510. [2238.9,2217.01,2205.87,2239.93],
  2511. [2217.09,2224.8,2213.58,2225.19],
  2512. [2221.34,2251.81,2210.77,2252.87],
  2513. [2249.81,2282.87,2248.41,2288.09],
  2514. [2286.33,2299.99,2281.9,2309.39],
  2515. [2297.11,2305.11,2290.12,2305.3],
  2516. [2303.75,2302.4,2292.43,2314.18],
  2517. [2293.81,2275.67,2274.1,2304.95],
  2518. [2281.45,2288.53,2270.25,2292.59],
  2519. [2286.66,2293.08,2283.94,2301.7],
  2520. [2293.4,2321.32,2281.47,2322.1],
  2521. [2323.54,2324.02,2321.17,2334.33],
  2522. [2316.25,2317.75,2310.49,2325.72],
  2523. [2320.74,2300.59,2299.37,2325.53],
  2524. [2300.21,2299.25,2294.11,2313.43],
  2525. [2297.1,2272.42,2264.76,2297.1],
  2526. [2270.71,2270.93,2260.87,2276.86],
  2527. [2264.43,2242.11,2240.07,2266.69],
  2528. [2242.26,2210.9,2205.07,2250.63],
  2529. [2190.1,2148.35,2126.22,2190.1]
  2530. ]
  2531. }
  2532. ]
  2533. };
  2534. myChart.setOption(option);
  2535. });
  2536. }
  2537. function shouRu(){
  2538. // 收入支出分析
  2539. // 收入渠道分析
  2540. $(function(){
  2541. var myChart = echarts.init($("#zhanbi02")[0]);
  2542. var option = {
  2543. tooltip : {
  2544. trigger: 'axis',
  2545. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  2546. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  2547. },
  2548. formatter: function (params) {
  2549. var tar = params[0];
  2550. return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
  2551. }
  2552. },
  2553. grid:{
  2554. borderWidth:0
  2555. },
  2556. xAxis : [
  2557. {
  2558. type : 'category',
  2559. data : ['总收入','渠道A','渠道B','渠道C','渠道D','渠道E'],
  2560. axisLabel : {
  2561. formatter: '{value} ',
  2562. textStyle: {
  2563. color: '#a4a7ab',
  2564. align: 'right'
  2565. }
  2566. },
  2567. splitLine:{show: false}
  2568. }
  2569. ],
  2570. yAxis : [
  2571. {
  2572. type : 'value',
  2573. axisLabel : {
  2574. formatter: '{value} ',
  2575. textStyle: {
  2576. color: '#a4a7ab',
  2577. align: 'right'
  2578. }
  2579. },
  2580. splitLine:{show: false}
  2581. }
  2582. ],
  2583. series : [
  2584. {
  2585. name:'总收入',
  2586. type:'bar',
  2587. stack: '总量',
  2588. itemStyle:{
  2589. normal:{
  2590. barBorderColor:'rgba(0,0,0,0)',
  2591. color:'rgba(0,0,0,0)'
  2592. },
  2593. emphasis:{
  2594. barBorderColor:'rgba(0,0,0,0)',
  2595. color:'rgba(0,0,0,0)'
  2596. }
  2597. },
  2598. data:[0, 1700, 1400, 1200, 300, 0]
  2599. },
  2600. {
  2601. name:'渠道',
  2602. type:'bar',
  2603. stack: '总量',
  2604. data:[2900, 1200, 300, 200, 900, 300],
  2605. itemStyle: {
  2606. normal: {
  2607. color: '#2481ff'
  2608. }
  2609. }
  2610. }
  2611. ]
  2612. };
  2613. myChart.setOption(option);
  2614. });
  2615. // 支出渠道分析
  2616. $(function(){
  2617. var myChart = echarts.init($("#zhanbi03")[0]);
  2618. option = {
  2619. tooltip : {
  2620. trigger: 'axis',
  2621. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  2622. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  2623. },
  2624. formatter: function (params) {
  2625. var tar = params[0];
  2626. return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
  2627. }
  2628. },
  2629. xAxis : [
  2630. {
  2631. type : 'category',
  2632. splitLine: {show:false},
  2633. data : ['总收入','渠道A','渠道B','渠道C','渠道D','渠道E'],
  2634. axisLabel : {
  2635. formatter: '{value} ',
  2636. textStyle: {
  2637. color: '#a4a7ab',
  2638. align: 'right'
  2639. }
  2640. },
  2641. splitLine:{show: false}
  2642. }
  2643. ],
  2644. grid:{
  2645. borderWidth:0
  2646. },
  2647. yAxis : [
  2648. {
  2649. type : 'value',
  2650. axisLabel : {
  2651. formatter: '{value} ',
  2652. textStyle: {
  2653. color: '#a4a7ab',
  2654. align: 'right'
  2655. }
  2656. },
  2657. splitLine:{show: false}
  2658. }
  2659. ],
  2660. series : [
  2661. {
  2662. name:'总收入',
  2663. type:'bar',
  2664. stack: '总量',
  2665. itemStyle: {
  2666. normal: {
  2667. color: '#1afffd'
  2668. }
  2669. },
  2670. data:[0, 1700, 1400, 1200, 300, 0]
  2671. },
  2672. {
  2673. name:'渠道',
  2674. type:'bar',
  2675. stack: '总量',
  2676. itemStyle:{
  2677. normal:{
  2678. color:'#28a3e1'
  2679. }
  2680. },
  2681. data:[2900, 1200, 300, 200, 900, 300]
  2682. }
  2683. ]
  2684. };
  2685. myChart.setOption(option);
  2686. });
  2687. // 营销投入与销售量分析
  2688. $(function(){
  2689. var myChart = echarts.init($("#allAly01")[0]);
  2690. option = {
  2691. title : {
  2692. text: '销售量组成',
  2693. textStyle:{
  2694. color:"#e9ebee"
  2695. },
  2696. x:'center'
  2697. },
  2698. tooltip : {
  2699. trigger: 'item',
  2700. formatter: "{a} <br/>{b} : {c} ({d}%)"
  2701. },
  2702. legend: {
  2703. orient : 'vertical',
  2704. x : 'left',
  2705. data:['销售A','销售B','销售C','销售D','销售E'],
  2706. textStyle:{
  2707. color:"#e9ebee"
  2708. }
  2709. },
  2710. calculable : false,
  2711. series : [
  2712. {
  2713. name:'销售组成',
  2714. type:'pie',
  2715. radius : '55%',
  2716. center: ['50%', '60%'],
  2717. data:[
  2718. {value:335, name:'销售A',
  2719. itemStyle:{
  2720. normal:{
  2721. color:'#1afffd'
  2722. }
  2723. }
  2724. },
  2725. {value:310, name:'销售B',
  2726. itemStyle:{
  2727. normal:{
  2728. color:'#2e7cff'
  2729. }
  2730. }},
  2731. {value:234, name:'销售C',
  2732. itemStyle:{
  2733. normal:{
  2734. color:'#ffcb89'
  2735. }
  2736. }},
  2737. {value:135, name:'销售D',
  2738. itemStyle:{
  2739. normal:{
  2740. color:'#005ea1'
  2741. }
  2742. }},
  2743. {value:1548, name:'销售E',
  2744. itemStyle:{
  2745. normal:{
  2746. color:'#0ad5ff'
  2747. }
  2748. }}
  2749. ]
  2750. }
  2751. ]
  2752. };
  2753. myChart.setOption(option);
  2754. });
  2755. $(function(){
  2756. var myChart = echarts.init($("#allAly02")[0]);
  2757. option = {
  2758. title : {
  2759. text: '营销投入组成',
  2760. textStyle:{
  2761. color:"#e9ebee"
  2762. },
  2763. x:'center'
  2764. },
  2765. tooltip : {
  2766. trigger: 'item',
  2767. formatter: "{a} <br/>{b} : {c} ({d}%)"
  2768. },
  2769. legend: {
  2770. orient : 'vertical',
  2771. x : 'left',
  2772. data:['投入A','投入B','投入C','投入D','投入E','投入F','投入G','投入H','投入J'],
  2773. textStyle:{
  2774. color:"#e9ebee"
  2775. }
  2776. },
  2777. calculable : false,
  2778. series : [
  2779. {
  2780. name:'销售组成',
  2781. type:'pie',
  2782. radius : '55%',
  2783. center: ['50%', '60%'],
  2784. data:[
  2785. {value:335, name:'投入A',
  2786. itemStyle:{
  2787. normal:{
  2788. color:'#06b8f8'
  2789. }
  2790. }},
  2791. {value:310, name:'投入B',
  2792. itemStyle:{
  2793. normal:{
  2794. color:'#ff5c58'
  2795. }
  2796. }},
  2797. {value:234, name:'投入C',
  2798. itemStyle:{
  2799. normal:{
  2800. color:'#ffffb3'
  2801. }
  2802. }},
  2803. {value:135, name:'投入D',
  2804. itemStyle:{
  2805. normal:{
  2806. color:'#fee581'
  2807. }
  2808. }},
  2809. {value:1548, name:'投入E',
  2810. itemStyle:{
  2811. normal:{
  2812. color:'#1afffd'
  2813. }
  2814. }},
  2815. {value:135, name:'投入F',
  2816. itemStyle:{
  2817. normal:{
  2818. color:'#1ec7f1'
  2819. }
  2820. }},
  2821. {value:135, name:'投入G',
  2822. itemStyle:{
  2823. normal:{
  2824. color:'#e15828'
  2825. }
  2826. }},
  2827. {value:135, name:'投入H',
  2828. itemStyle:{
  2829. normal:{
  2830. color:'#28a3e1'
  2831. }
  2832. }},
  2833. {value:135, name:'投入J',
  2834. itemStyle:{
  2835. normal:{
  2836. color:'#72e7d5'
  2837. }
  2838. }}
  2839. ]
  2840. }
  2841. ]
  2842. };
  2843. myChart.setOption(option);
  2844. });
  2845. $(function(){
  2846. var myChart = echarts.init($("#allAly03")[0]);
  2847. option = {
  2848. title : {
  2849. text: '销售量与投入量分析',
  2850. textStyle:{
  2851. color:"#e9ebee"
  2852. },
  2853. x:'center'
  2854. },
  2855. tooltip : {
  2856. trigger: 'axis'
  2857. },
  2858. legend: {
  2859. orient : 'vertical',
  2860. x : 'left',
  2861. data:['营销投入量','销售量'],
  2862. textStyle:{
  2863. color:"#e9ebee"
  2864. },
  2865. },
  2866. calculable : false,
  2867. xAxis : [
  2868. {
  2869. type : 'category',
  2870. splitLine:{show: false},
  2871. axisLabel : {
  2872. formatter: '{value} ',
  2873. textStyle: {
  2874. color: '#a4a7ab',
  2875. align: 'right'
  2876. }
  2877. },
  2878. data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
  2879. }
  2880. ],
  2881. yAxis : [
  2882. {
  2883. type : 'value',
  2884. splitLine:{show: false},
  2885. axisLabel : {
  2886. formatter: '{value} ',
  2887. textStyle: {
  2888. color: '#a4a7ab',
  2889. align: 'right'
  2890. }
  2891. }
  2892. }
  2893. ],
  2894. grid:{
  2895. borderWidth:0
  2896. },
  2897. series : [
  2898. {
  2899. name:'营销投入量',
  2900. type:'bar',
  2901. data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
  2902. itemStyle: {
  2903. normal: {
  2904. color: '#2481ff'
  2905. }
  2906. },
  2907. markPoint : {
  2908. data : [
  2909. {type : 'max', name: '最大值'},
  2910. {type : 'min', name: '最小值'}
  2911. ]
  2912. },
  2913. markLine : {
  2914. data : [
  2915. {type : 'average', name: '平均值'}
  2916. ]
  2917. }
  2918. },
  2919. {
  2920. name:'销售量',
  2921. type:'bar',
  2922. data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
  2923. itemStyle: {
  2924. normal: {
  2925. color: '#1afffd'
  2926. }
  2927. },
  2928. markPoint : {
  2929. data : [
  2930. {name : '最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
  2931. {name : '最低', value : 2.3, xAxis: 11, yAxis: 3}
  2932. ]
  2933. },
  2934. markLine : {
  2935. data : [
  2936. {type : 'average', name : '平均值'}
  2937. ]
  2938. }
  2939. }
  2940. ]
  2941. };
  2942. myChart.setOption(option);
  2943. });
  2944. }
  2945. function AnQuan(){
  2946. // 安全分析
  2947. // 事件趋势分析
  2948. $(function(){
  2949. var myChart = echarts.init($("#shijian01")[0]);
  2950. option = {
  2951. tooltip: {
  2952. trigger: "item",
  2953. formatter: "{a} <br/>{b} : {c}"
  2954. },
  2955. legend: {
  2956. x: 'center',
  2957. data: ["案件趋势分析"],
  2958. textStyle:{
  2959. color:"#e9ebee"
  2960. }
  2961. },
  2962. xAxis: [
  2963. {
  2964. type: "category",
  2965. name: "x",
  2966. splitLine:{show: false},
  2967. axisLabel : {
  2968. formatter: '{value} ',
  2969. textStyle: {
  2970. color: '#a4a7ab',
  2971. align: 'right'
  2972. }
  2973. },
  2974. data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
  2975. }
  2976. ],
  2977. grid:{
  2978. borderWidth:0
  2979. },
  2980. yAxis: [
  2981. {
  2982. type: "log",
  2983. name: "y",
  2984. splitLine:{show: false},
  2985. data : ['10','30','50','70','90','110','120','130','150','170','190','210','250'],
  2986. axisLabel : {
  2987. textStyle: {
  2988. color: '#a4a7ab',
  2989. align: 'right'
  2990. }
  2991. },
  2992. }
  2993. ],
  2994. calculable: false,
  2995. series: [
  2996. {
  2997. name: "案件趋势分析",
  2998. type: "line",
  2999. data:[26, 59, 90, 26, 28, 70, 175, 182, 48, 188, 60, 23],
  3000. itemStyle: {
  3001. normal: {
  3002. color:"#0aabff"
  3003. }
  3004. }
  3005. }
  3006. ]
  3007. };
  3008. myChart.setOption(option);
  3009. });
  3010. // 事件级别分析
  3011. $(function(){
  3012. var myChart = echarts.init($("#shijian02")[0]);
  3013. var placeHoledStyle = {
  3014. normal:{
  3015. barBorderColor:'rgba(0,0,0,0)',
  3016. color:'rgba(0,0,0,0)'
  3017. },
  3018. emphasis:{
  3019. barBorderColor:'rgba(0,0,0,0)',
  3020. color:'rgba(0,0,0,0)'
  3021. }
  3022. };
  3023. var dataStyle = {
  3024. normal: {
  3025. label : {
  3026. show: true,
  3027. position: 'insideLeft',
  3028. formatter: '{c}%'
  3029. }
  3030. }
  3031. };
  3032. option = {
  3033. tooltip : {
  3034. trigger: 'axis',
  3035. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  3036. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  3037. },
  3038. formatter : '{b}<br/>{a0}:{c0}%<br/>{a2}:{c2}%<br/>{a4}:{c4}%<br/>{a6}:{c6}%'
  3039. },
  3040. legend: {
  3041. y: 55,
  3042. data:['极重', '严重','一般', '轻微'],
  3043. textStyle:{
  3044. color:"#fff"
  3045. }
  3046. },
  3047. grid: {
  3048. y: 80,
  3049. y2: 30
  3050. },
  3051. xAxis : [
  3052. {
  3053. type : 'value',
  3054. position: 'top',
  3055. splitLine: {show: false},
  3056. axisLabel: {show: false}
  3057. }
  3058. ],
  3059. yAxis : [
  3060. {
  3061. type : 'category',
  3062. splitLine: {show: false},
  3063. axisLabel : {
  3064. textStyle: {
  3065. color: '#fff',
  3066. align: 'right'
  3067. }
  3068. },
  3069. data : ['医疗事件', '消防事件', '民事事件', '刑事事件']
  3070. }
  3071. ],
  3072. series : [
  3073. {
  3074. name:'极重',
  3075. type:'bar',
  3076. stack: '总量',
  3077. data:[38, 50, 33, 72],
  3078. itemStyle: {
  3079. normal: {
  3080. color:"#1afffd"
  3081. }
  3082. }
  3083. },
  3084. {
  3085. name:'极重',
  3086. type:'bar',
  3087. stack: '总量',
  3088. itemStyle: placeHoledStyle,
  3089. data:[62, 50, 67, 28],
  3090. itemStyle: {
  3091. normal: {
  3092. color:"#2e7cff"
  3093. }
  3094. }
  3095. },
  3096. {
  3097. name:'严重',
  3098. type:'bar',
  3099. stack: '总量',
  3100. itemStyle : dataStyle,
  3101. data:[61, 41, 42, 30],
  3102. itemStyle: {
  3103. normal: {
  3104. color:"#ffcb89"
  3105. }
  3106. }
  3107. },
  3108. {
  3109. name:'严重',
  3110. type:'bar',
  3111. stack: '总量',
  3112. itemStyle: placeHoledStyle,
  3113. data:[39, 59, 58, 70],
  3114. itemStyle: {
  3115. normal: {
  3116. color:"#005ea1"
  3117. }
  3118. }
  3119. },
  3120. {
  3121. name:'一般',
  3122. type:'bar',
  3123. stack: '总量',
  3124. itemStyle : dataStyle,
  3125. data:[37, 35, 44, 60],
  3126. itemStyle: {
  3127. normal: {
  3128. color:"#0ad5ff"
  3129. }
  3130. }
  3131. },
  3132. {
  3133. name:'一般',
  3134. type:'bar',
  3135. stack: '总量',
  3136. itemStyle: placeHoledStyle,
  3137. data:[63, 65, 56, 40],
  3138. itemStyle: {
  3139. normal: {
  3140. color:"#e15828"
  3141. }
  3142. }
  3143. },
  3144. {
  3145. name:'轻微',
  3146. type:'bar',
  3147. stack: '总量',
  3148. itemStyle : dataStyle,
  3149. data:[71, 50, 31, 39],
  3150. itemStyle: {
  3151. normal: {
  3152. color:"#ff81cb"
  3153. }
  3154. }
  3155. },
  3156. {
  3157. name:'轻微',
  3158. type:'bar',
  3159. stack: '总量',
  3160. itemStyle: placeHoledStyle,
  3161. data:[29, 50, 69, 61],
  3162. itemStyle: {
  3163. normal: {
  3164. color:"#feb602"
  3165. }
  3166. }
  3167. }
  3168. ]
  3169. };
  3170. myChart.setOption(option);
  3171. });
  3172. // 事件类型分析
  3173. $(function(){
  3174. var myChart = echarts.init($("#shijian03")[0]);
  3175. var labelTop = {
  3176. normal : {
  3177. label : {
  3178. show : true,
  3179. position : 'center',
  3180. formatter : '{b}',
  3181. textStyle: {
  3182. baseline : 'bottom'
  3183. }
  3184. },
  3185. labelLine : {
  3186. show : false
  3187. }
  3188. }
  3189. };
  3190. var labelFromatter = {
  3191. normal : {
  3192. label : {
  3193. formatter : function (params){
  3194. return 100 - params.value + '%'
  3195. },
  3196. textStyle: {
  3197. baseline : 'top'
  3198. }
  3199. }
  3200. },
  3201. }
  3202. var labelBottom = {
  3203. normal : {
  3204. color: '#111b21',
  3205. label : {
  3206. show : true,
  3207. position : 'center'
  3208. },
  3209. labelLine : {
  3210. show : false
  3211. }
  3212. },
  3213. emphasis: {
  3214. color: 'rgba(0,0,0,0)'
  3215. }
  3216. };
  3217. var radius = [40, 55];
  3218. option = {
  3219. legend: {
  3220. x : 'center',
  3221. textStyle:{
  3222. color:"#fff"
  3223. },
  3224. data:[
  3225. '医疗','消防','民事','刑事','其它'
  3226. ]
  3227. },
  3228. series : [
  3229. {
  3230. type : 'pie',
  3231. center : ['10%', '30%'],
  3232. radius : radius,
  3233. x: '0%', // for funnel
  3234. itemStyle : labelFromatter,
  3235. data : [
  3236. {name:'解决', value:46, itemStyle : labelBottom},
  3237. {name:'医疗', value:54,itemStyle : labelTop}
  3238. ],
  3239. itemStyle: {
  3240. normal: {
  3241. color:"#0ad5ff"
  3242. }
  3243. }
  3244. },
  3245. {
  3246. type : 'pie',
  3247. center : ['30%', '30%'],
  3248. radius : radius,
  3249. x:'20%', // for funnel
  3250. itemStyle : labelFromatter,
  3251. data : [
  3252. {name:'解决', value:56, itemStyle : labelBottom},
  3253. {name:'消防', value:44,itemStyle : labelTop}
  3254. ],
  3255. itemStyle: {
  3256. normal: {
  3257. color:"#ffcb89"
  3258. }
  3259. }
  3260. },
  3261. {
  3262. type : 'pie',
  3263. center : ['50%', '30%'],
  3264. radius : radius,
  3265. x:'40%', // for funnel
  3266. itemStyle : labelFromatter,
  3267. data : [
  3268. {name:'解决', value:65, itemStyle : labelBottom},
  3269. {name:'民事', value:35,itemStyle : labelTop}
  3270. ],
  3271. itemStyle: {
  3272. normal: {
  3273. color:"#2e7cff"
  3274. }
  3275. }
  3276. },
  3277. {
  3278. type : 'pie',
  3279. center : ['70%', '30%'],
  3280. radius : radius,
  3281. x:'60%', // for funnel
  3282. itemStyle : labelFromatter,
  3283. data : [
  3284. {name:'解决', value:70, itemStyle : labelBottom},
  3285. {name:'刑事', value:30,itemStyle : labelTop}
  3286. ],
  3287. itemStyle: {
  3288. normal: {
  3289. color:"#4cffd3"
  3290. }
  3291. }
  3292. },
  3293. {
  3294. type : 'pie',
  3295. center : ['90%', '30%'],
  3296. radius : radius,
  3297. // for funnel
  3298. x:'80%', // for funnel
  3299. itemStyle : labelFromatter,
  3300. data : [
  3301. {name:'解决', value:70, itemStyle : labelBottom},
  3302. {name:'其它', value:11,itemStyle : labelTop}
  3303. ],
  3304. itemStyle: {
  3305. normal: {
  3306. color:"#feb602"
  3307. }
  3308. }
  3309. }
  3310. ]
  3311. };
  3312. myChart.setOption(option);
  3313. });
  3314. // 事发时间特征分析
  3315. $(function(){
  3316. var myChart = echarts.init($("#shijian04")[0]);
  3317. option = {
  3318. tooltip : {
  3319. trigger: 'axis',
  3320. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  3321. type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  3322. }
  3323. },
  3324. legend: {
  3325. data:['医疗事件', '消防事件','刑事','民事','其它'],
  3326. textStyle:{
  3327. color:"#fff"
  3328. },
  3329. },
  3330. calculable : false,
  3331. xAxis : [
  3332. {
  3333. type : 'value',
  3334. splitLine: {show: false},
  3335. axisLabel : {
  3336. textStyle: {
  3337. color: '#fff',
  3338. align: 'right'
  3339. }
  3340. },
  3341. }
  3342. ],
  3343. yAxis : [
  3344. {
  3345. type : 'category',
  3346. splitLine: {show: false},
  3347. axisLabel : {
  3348. textStyle: {
  3349. color: '#fff',
  3350. align: 'right'
  3351. }
  3352. },
  3353. 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']
  3354. }
  3355. ],
  3356. series : [
  3357. {
  3358. name:'医疗事件',
  3359. type:'bar',
  3360. stack: '总量',
  3361. itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
  3362. data: [12, 13, 10, 16, 19, 23, 21, 23, 20, 26, 27, 30,12, 12, 11, 14, 19, 23, 21, 20, 20, 25, 28, 30]
  3363. ,
  3364. itemStyle: {
  3365. normal: {
  3366. color:"#0ad5ff"
  3367. }
  3368. }
  3369. },
  3370. {
  3371. name:'消防事件',
  3372. type:'bar',
  3373. stack: '总量',
  3374. itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
  3375. data: [1, 13, 0, 16, 19, 23, 21, 23, 20, 26, 27, 30,12, 12, 11, 14, 19, 23, 21, 20, 0, 25, 8, 30]
  3376. ,
  3377. itemStyle: {
  3378. normal: {
  3379. color:"#005ea1"
  3380. }
  3381. }
  3382. },
  3383. {
  3384. name:'刑事',
  3385. type:'bar',
  3386. stack: '总量',
  3387. itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
  3388. data: [12, 13, 10, 16, 19, 3, 2, 3, 0, 6, 9, 30,12, 12, 11, 14, 1, 3, 1, 2, 0, 5, 2, 0]
  3389. ,
  3390. itemStyle: {
  3391. normal: {
  3392. color:"#ffcb89"
  3393. }
  3394. }
  3395. },
  3396. {
  3397. name:'民事',
  3398. type:'bar',
  3399. stack: '总量',
  3400. itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
  3401. data: [2, 13, 10, 6, 19, 23, 21, 3, 20, 6, 7, 30,12, 12, 11, 14, 19, 3, 21, 0, 20, 5, 8, 0]
  3402. ,
  3403. itemStyle: {
  3404. normal: {
  3405. color:"#2e7cff"
  3406. }
  3407. }
  3408. },
  3409. {
  3410. name:'其它',
  3411. type:'bar',
  3412. stack: '总量',
  3413. itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
  3414. data: [1, 3, 10, 6, 9, 3, 11, 3, 0, 6, 7, 0,2, 2, 1, 4, 9, 3, 1, 0, 0, 5, 8, 3]
  3415. ,
  3416. itemStyle: {
  3417. normal: {
  3418. color:"#1afffd"
  3419. }
  3420. }
  3421. }
  3422. ]
  3423. };
  3424. myChart.setOption(option);
  3425. });
  3426. }