1 |
- (function(t){function e(e){for(var i,n,r=e[0],l=e[1],c=e[2],d=0,m=[];d<r.length;d++)n=r[d],Object.prototype.hasOwnProperty.call(s,n)&&s[n]&&m.push(s[n][0]),s[n]=0;for(i in l)Object.prototype.hasOwnProperty.call(l,i)&&(t[i]=l[i]);u&&u(e);while(m.length)m.shift()();return o.push.apply(o,c||[]),a()}function a(){for(var t,e=0;e<o.length;e++){for(var a=o[e],i=!0,n=1;n<a.length;n++){var r=a[n];0!==s[r]&&(i=!1)}i&&(o.splice(e--,1),t=l(l.s=a[0]))}return t}var i={},n={app:0},s={app:0},o=[];function r(t){return l.p+"js/"+({}[t]||t)+"."+{"chunk-1ac0896c":"3390318d","chunk-7f5fddf8":"5f4e2d9e"}[t]+".js"}function l(e){if(i[e])return i[e].exports;var a=i[e]={i:e,l:!1,exports:{}};return t[e].call(a.exports,a,a.exports,l),a.l=!0,a.exports}l.e=function(t){var e=[],a={"chunk-1ac0896c":1,"chunk-7f5fddf8":1};n[t]?e.push(n[t]):0!==n[t]&&a[t]&&e.push(n[t]=new Promise((function(e,a){for(var i="css/"+({}[t]||t)+"."+{"chunk-1ac0896c":"5746f07b","chunk-7f5fddf8":"c7d0dd82"}[t]+".css",s=l.p+i,o=document.getElementsByTagName("link"),r=0;r<o.length;r++){var c=o[r],d=c.getAttribute("data-href")||c.getAttribute("href");if("stylesheet"===c.rel&&(d===i||d===s))return e()}var m=document.getElementsByTagName("style");for(r=0;r<m.length;r++){c=m[r],d=c.getAttribute("data-href");if(d===i||d===s)return e()}var u=document.createElement("link");u.rel="stylesheet",u.type="text/css",u.onload=e,u.onerror=function(e){var i=e&&e.target&&e.target.src||s,o=new Error("Loading CSS chunk "+t+" failed.\n("+i+")");o.code="CSS_CHUNK_LOAD_FAILED",o.request=i,delete n[t],u.parentNode.removeChild(u),a(o)},u.href=s;var f=document.getElementsByTagName("head")[0];f.appendChild(u)})).then((function(){n[t]=0})));var i=s[t];if(0!==i)if(i)e.push(i[2]);else{var o=new Promise((function(e,a){i=s[t]=[e,a]}));e.push(i[2]=o);var c,d=document.createElement("script");d.charset="utf-8",d.timeout=120,l.nc&&d.setAttribute("nonce",l.nc),d.src=r(t);var m=new Error;c=function(e){d.onerror=d.onload=null,clearTimeout(u);var a=s[t];if(0!==a){if(a){var i=e&&("load"===e.type?"missing":e.type),n=e&&e.target&&e.target.src;m.message="Loading chunk "+t+" failed.\n("+i+": "+n+")",m.name="ChunkLoadError",m.type=i,m.request=n,a[1](m)}s[t]=void 0}};var u=setTimeout((function(){c({type:"timeout",target:d})}),12e4);d.onerror=d.onload=c,document.head.appendChild(d)}return Promise.all(e)},l.m=t,l.c=i,l.d=function(t,e,a){l.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:a})},l.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},l.t=function(t,e){if(1&e&&(t=l(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var a=Object.create(null);if(l.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)l.d(a,i,function(e){return t[e]}.bind(null,i));return a},l.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return l.d(e,"a",e),e},l.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},l.p="/vueDataV/",l.oe=function(t){throw console.error(t),t};var c=window["webpackJsonp"]=window["webpackJsonp"]||[],d=c.push.bind(c);c.push=e,c=c.slice();for(var m=0;m<c.length;m++)e(c[m]);var u=d;o.push([0,"chunk-vendors"]),a()})({0:function(t,e,a){t.exports=a("56d7")},"0587":function(t,e,a){},"0d93":function(t,e,a){"use strict";var i=a("3f1d"),n=a.n(i);n.a},"114c":function(t,e,a){"use strict";var i=a("2526"),n=a.n(i);n.a},"184c":function(t,e,a){},1890:function(t,e,a){},"1d42":function(t,e,a){"use strict";var i=a("c690"),n=a.n(i);n.a},2505:function(t,e,a){"use strict";var i=a("817a"),n=a.n(i);n.a},2526:function(t,e,a){},"2da5":function(t,e,a){"use strict";var i=a("a227"),n=a.n(i);n.a},"2fa1":function(t,e,a){},3206:function(t,e,a){"use strict";var i=a("610d"),n=a.n(i);n.a},"321d":function(t,e,a){"use strict";var i=a("932b"),n=a.n(i);n.a},"376b":function(t,e,a){"use strict";var i=a("b0bc"),n=a.n(i);n.a},"3f1d":function(t,e,a){},4407:function(t,e,a){},"4a4d":function(t,e,a){"use strict";var i=a("578c"),n=a.n(i);n.a},"56d7":function(t,e,a){"use strict";a.r(e);a("e260"),a("e6cf"),a("cca6"),a("a79d");var i=a("2b0e"),n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[a("router-view")],1)},s=[],o={name:"App"},r=o,l=(a("5c0b"),a("2877")),c=Object(l["a"])(r,n,s,!1,null,null,null),d=c.exports,m=(a("d3b7"),a("8c4f"));i["a"].use(m["a"]);var u=[{path:"/",name:"Login",component:function(){return a.e("chunk-1ac0896c").then(a.bind(null,"a55b"))}},{path:"/login",redirect:"/"},{path:"/home",name:"Home",component:function(){return a.e("chunk-7f5fddf8").then(a.bind(null,"bb51"))}}],f=new m["a"]({mode:"history",base:"/vueDataV/",routes:u}),h=f,p=a("2f62");i["a"].use(p["a"]);var v=new p["a"].Store({state:{},mutations:{},actions:{},modules:{}}),b=a("98c9"),y=(a("4160"),a("b0c0"),a("b64b"),a("159b"),a("5530")),w=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},g=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"slide-box"},[a("li"),a("li"),a("li"),a("li")])}],C={name:"bgAnimation"},_=C,S=(a("8fda"),Object(l["a"])(_,w,g,!1,null,null,null)),x=S.exports,L=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"fade"}},[t.visible?a("div",{staticClass:"modal-backdrop"},[a("div",{staticClass:"modal"},[a("div",{staticClass:"modal-header"},[t._v(" "+t._s(t.title)+" "),a("i",{staticClass:"iconfont icon-close close",on:{click:t.close}})]),a("div",{staticClass:"modal-body"},[t._v(" "+t._s(t.content)+" ")]),a("div",{staticClass:"modal-footer"},[t.showCancle?a("button",{staticClass:"btn-close",attrs:{type:"button"},on:{click:t.close}},[t._v(" "+t._s(t.cancleText?t.cancleText:"取消")+" ")]):t._e(),a("button",{staticClass:"btn-confirm",attrs:{type:"button"},on:{click:t.confirm}},[t._v(" "+t._s(t.confirmText?t.confirmText:"确定")+" ")])])])]):t._e()])},k=[],E={name:"Modal",props:{title:{type:String,default:"提示"},content:{type:String,default:""},visible:{type:Boolean,default:!1},showCancle:{type:Boolean,default:!0},confirmText:{type:String,default:"确认"},cancleText:{type:String,default:"取消"}},watch:{visible:function(t){console.log(t)}},methods:{close:function(){this.$emit("update:visible",!1)},confirm:function(){this.close(),this.$emit("confirm")}}},M=E,A=(a("114c"),Object(l["a"])(M,L,k,!1,null,"44169364",null)),D=A.exports,T=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("司南排名图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"pd-main"},[a("div",{staticClass:"chart-1",attrs:{id:"chart1"}},[a("div",{staticClass:"compass"},[a("div",{staticClass:"compass-bg-1"}),a("div",{staticClass:"compass-bg-2"}),a("div",{staticClass:"compass-bg-3"}),a("div",{staticClass:"compass-bg-4"}),a("div",{staticClass:"compass-bg-5"}),a("div",{staticClass:"compass-bg-6"}),a("div",{staticClass:"compass-bg-7"}),a("div",{staticClass:"compass-bg-c-1"}),a("div",{staticClass:"compass-bg-c-2"}),a("div",{staticClass:"compass-bg-c-3"}),a("div",{staticClass:"compass-bg-c-4"}),t._l(t.arr,(function(e,i){return a("div",{key:i,staticClass:"compass-text",class:["compass-text-"+(i+1),{show:t.number==i}]},[a("span",[t._v("事项数:"+t._s(e.itemNum))]),a("span",[t._v("数据项:"+t._s(e.dataItem))]),a("span",[t._v("数据量:"+t._s(e.dataSize))])])})),a("div",{staticClass:"compass-number"},t._l(t.arr,(function(e,i){return a("div",{key:i,class:["rank-"+(i+1),{szscale:t.number==i}],attrs:{title:""+(i+1)}},[a("span",[t._v(t._s(e.workUnit))])])})),0),t._m(0)],2)])])])])])])},W=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"line-sx"},[a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"})])}],O={name:"sinan",data:function(){return{timer:null,number:null,arr:[{id:1,itemNum:258,dataItem:1288,dataSize:12306,workUnit:"JS"},{id:2,itemNum:568,dataItem:5623,dataSize:12306,workUnit:"Nodejs"},{id:3,itemNum:208,dataItem:1755,dataSize:12043,workUnit:"Vuejs"},{id:4,itemNum:358,dataItem:1812,dataSize:12306,workUnit:"CSS3"},{id:5,itemNum:128,dataItem:4718,dataSize:12580,workUnit:"jQuery"}]}},mounted:function(){var t=this;setTimeout((function(){t.number=0,t.initData()}),4e3)},methods:{initData:function(){var t=this;this.number=this.number==this.arr.length?0:this.number,this.timer=setTimeout((function(){t.number++,t.initData()}),5e3)}},beforeDestroy:function(){clearTimeout(this.timer)}},z=O,I=(a("fb0e"),Object(l["a"])(z,T,W,!1,null,"9eea085c",null)),B=I.exports,$=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("新闻无缝滚动")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"table"},[t._m(0),a("vue-seamless-scroll",{staticClass:"seamless-warp",attrs:{data:t.listData,"class-option":t.optionSetting}},[a("table",{staticClass:"item",attrs:{border:"0",cellpadding:"0",cellspacing:"0"}},[a("tbody",t._l(t.listData,(function(e,i){return a("tr",{key:i},[a("td",{staticClass:"title",attrs:{width:"100%"}},[a("span",[t._v(t._s(e.title))])]),a("td",{attrs:{width:"20%"}},[a("span",[t._v(t._s(e.date))])]),a("td",{attrs:{width:"20%"}},[a("span",{class:{colorRed:e.hot>4999,colorOrange:e.hot<10}},[t._v(t._s(e.hot))])])])})),0)])])],1)])])])])},j=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("table",{staticClass:"table-header",attrs:{border:"0",cellpadding:"0",cellspacing:"0"}},[a("tbody",[a("tr",[a("td",{attrs:{width:"60%"}},[a("span",[t._v("标 题")])]),a("td",{attrs:{width:"20%"}},[a("span",[t._v("日 期")])]),a("td",{attrs:{width:"20%"}},[a("span",[t._v("热 度")])])])])])}],G=a("a939"),P=a.n(G),N={name:"seamless",components:{vueSeamlessScroll:P.a},data:function(){return{listData:[{title:"钱花哪了?一图带你读懂年轻人的消费观",date:"2020-05-05",hot:2306},{title:"“五一”假期前三天国内旅游收入超350亿元",date:"2020-05-02",hot:5689},{title:"滴滴、美团、哈啰交战,本地生活会是终局?",date:"2020-05-02",hot:9},{title:"“互联网+文化”逆势上行文娱消费云端真精彩",date:"2020-04-25",hot:288},{title:"乐观还是悲观?巴菲特是个现实主义者!",date:"2020-04-21",hot:158},{title:"B站的后浪,会把爱优腾拍在沙滩上吗?",date:"2020-04-20",hot:889},{title:"华为如何做投资的:先给两亿订单一年上市",date:"2020-04-01",hot:5800},{title:"马斯克:特斯拉股价太高了,我要卖豪宅",date:"2020-03-25",hot:6},{title:"人民日报海外版:云模式巧解“就业难”",date:"2020-03-16",hot:88},{title:'刚刚港股"崩了":狂跌近1000点!',date:"2020-03-12",hot:88},{title:"个人健康信息码国家标准发布",date:"2020-02-28",hot:5},{title:"传软银国际裁员约10%两名管理合伙人离职",date:"2020-02-15",hot:258},{title:"27万个岗位:区块链、人工智能等专场招聘",date:"2020-02-10",hot:198},{title:"一季度电商发展势头迅猛农村电商破1300万家",date:"2020-02-08",hot:19}]}},computed:{optionSetting:function(){return{step:.5,limitMoveNum:2,hoverStop:!0,direction:1,openWatch:!0,singleHeight:0,singleWidth:0,waitTime:1e3}}},mounted:function(){},methods:{},beforeDestroy:function(){}},R=N,F=(a("376b"),Object(l["a"])(R,$,j,!1,null,"434f9784",null)),V=F.exports,J=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container trigle"},[a("div",{staticClass:"back_img3"}),a("div",{staticClass:"back_img"}),a("div",{staticClass:"back_img1"}),a("div",{staticClass:"back_img2"}),t._l(t.arrData,(function(t,e){return a("ul",{class:{first:0==e,second:1==e,third:2==e,four:3==e}},[a("li"),a("li"),a("li"),a("li"),a("li"),a("li")])})),t._l(t.arrData,(function(e,i){return a("div",{key:i,staticClass:"detail",class:"detail_"+(i+1)},[a("div",{staticClass:"detail_txt",class:"detail_txt"+(i+1)},[a("span",{staticClass:"precent_txt",class:"precent_txt"+(i+1)},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_"+(i+1)}})]),a("div",{staticClass:"txt_right",class:"txt_right"+(i+1)},[a("span",[a("div",{staticClass:"f_div",class:{aharrow_up:0==i||1==i,aharrow_down:2==i||3==i}},[t._v(t._s(e.post))]),a("div",{staticClass:"s_div",class:"s_div"+(i+1)},[t._v(t._s(e.number)+"人")])])])]),a("div",{staticClass:"arrow_contain",class:"arrow_contain"+(i+1)},[a("span",{staticClass:"arrow",class:"arrow_"+(i+1)})])])}))],2)},Y=[],H=(a("d81d"),a("13d5"),a("b680"),{name:"pyramid",data:function(){return{option:null,arrData:[{post:"技术经理",number:158},{post:"Java工程师",number:572},{post:"前端工程师",number:826},{post:"项目经理",number:66}],color:["#45fed4","#84a9ef","#f1e04f","#dbfe73"],totalNum:[],sum:0}},mounted:function(){var t=this;this.arrData.forEach((function(e,a){t.totalNum.push(e.number)})),this.sum=this.totalNum.reduce((function(t,e,a,i){return t+e})),this.arrData.map((function(e,a){e.color=t.color[a],t.getEchart("chart_".concat(a+1),e)}))},methods:{getEchart:function(t,e){var a=(Math.round(e.number/this.sum*1e4)/100).toFixed(1),i=echarts.init(document.getElementById(t));this.option={color:[e.color,"#333"],series:[{name:"访问来源",type:"pie",radius:["92%","100%"],clockWise:!1,avoidLabelOverlap:!1,hoverAnimation:!1,label:{normal:{show:!0,position:"center",textStyle:{fontSize:14},formatter:"{c}%"}},labelLine:{show:!1},data:[{value:a,name:"",label:{normal:{show:!0}}},{value:100-a,name:"",label:{normal:{show:!1}}}]}]},i.setOption(this.option,!0),window.addEventListener("resize",(function(){i.resize()}))}},beforeDestroy:function(){}}),Z=H,U=(a("ce8c"),Object(l["a"])(Z,J,Y,!1,null,"11fda3fd",null)),q=U.exports,Q=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},K=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("滚动弧形线")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_arc"}})])])])])}],X={name:"scrollArc",data:function(){return{option:null,number:0,timer:null,xData:[1,2,3,4,5,6,7,8,9,10,11,12],data:[54,86,46,77,96,89,88,23,38,3,66,98]}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=this,e=echarts.init(document.getElementById("chart_arc"));this.option={tooltip:{trigger:"axis",showContent:!1,axisPointer:{type:"shadow",shadowStyle:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:1,color:"#5d83ff"},{offset:0,color:"rgba(255, 255, 255, 0)"}])}}},color:["#5d83ff"],grid:{top:30,left:20,right:20,bottom:20,containLabel:!0},xAxis:{type:"category",data:this.xData,boundaryGap:!1,axisTick:{show:!1},axisLabel:{formatter:"{value} 月"},axisLine:{lineStyle:{color:"#999"}}},yAxis:{type:"value",axisLine:{show:!1,lineStyle:{color:"#999"}}},series:[{name:"人数",type:"line",data:this.data,symbolSize:10,itemStyle:{opacity:0},emphasis:{label:{show:!0,color:"#fff",fontSize:20},itemStyle:{color:"#5d83ff",borderColor:"#fff",borderWidth:2,opacity:1}},areaStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#5d83ff"},{offset:1,color:"rgba(0, 0, 0, 0)"}])}},smooth:!0}]},e.setOption(this.option,!0),window.addEventListener("resize",(function(){e.resize()})),this.timer=setInterval((function(){e.dispatchAction({type:"showTip",seriesIndex:0,dataIndex:t.number}),t.number++,t.number>t.data.length&&(t.number=0)}),1e3)}},beforeDestroy:function(){clearInterval(this.timer)}},tt=X,et=(a("ce5c"),Object(l["a"])(tt,Q,K,!1,null,"3050cb82",null)),at=et.exports,it=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},nt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("双轴柱状图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_bar"}})])])])])}],st={name:"szBar",data:function(){return{option:null,xAxisData:[1,2,3,4,5,6,7,8,9,10,11,12],yData1:[9,12,15,18,15,12,9,12,15,18,15,12],yData2:[-9,-12,-15,-18,-15,-12,-9,-12,-15,-18,-15,-12]}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_bar")),e="10%",a=[{coord:[0,9]},{coord:[1,12]},{coord:[2,15]},{coord:[3,18]},{coord:[4,15]},{coord:[5,12]},{coord:[6,9]},{coord:[7,12]},{coord:[8,15]},{coord:[9,18]},{coord:[10,15]},{coord:[11,12]}],i=[{coord:[0,-9]},{coord:[1,-12]},{coord:[2,-15]},{coord:[3,-18]},{coord:[4,-15]},{coord:[5,-12]},{coord:[6,-9]},{coord:[7,-12]},{coord:[8,-15]},{coord:[9,-18]},{coord:[10,-15]},{coord:[11,-12]}];this.option={xAxis:{data:this.xAxisData,axisLabel:{color:"#999",formatter:"{value} 月"},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(40, 103, 168, 0.3)"}}},yAxis:{axisLabel:{color:"#999"},axisTick:{show:!1},splitLine:{show:!1},axisLine:{show:!0,lineStyle:{color:"rgba(40, 103, 168, 0.3)"}}},grid:{top:20,left:20,right:20,bottom:20,containLabel:!0},series:[{name:"正值柱状图",type:"bar",stack:"one",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:1,color:"rgba(0, 0, 0, 0)"},{offset:.5,color:"#466e71"},{offset:0,color:"#eb9b44"}])}},barWidth:e,markPoint:{symbol:"circle",itemStyle:{normal:{color:"#eb9b44",shadowColor:"#eb9b44",shadowBlur:20}},symbolSize:[10,10],symbolOffset:[0,0],data:a},data:this.yData1},{name:"负值柱状图",type:"bar",stack:"one",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(0, 0, 0, 0)"},{offset:.5,color:"#774a75"},{offset:1,color:"#b34d69"}])}},barWidth:e,markPoint:{symbol:"circle",itemStyle:{normal:{color:"#b34d69",shadowColor:"#b34d69",shadowBlur:20}},symbolSize:[10,10],symbolOffset:[0,0],data:i},data:this.yData2}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},ot=st,rt=(a("97a8"),Object(l["a"])(ot,it,nt,!1,null,"9915a76c",null)),lt=rt.exports,ct=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},dt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("环形气泡图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_pin"}}),a("div",{staticClass:"updef"}),a("div",{staticClass:"definfo definfo0"},[a("span",[t._v("8个")]),a("span")]),a("div",{staticClass:"definfo definfo1"},[a("span",[t._v("10个")]),a("span")]),a("div",{staticClass:"definfo definfo2"},[a("span",[t._v("35个")]),a("span")]),a("div",{staticClass:"definfo definfo3"},[a("span",[t._v("38个")]),a("span")]),a("div",{staticClass:"definfo definfo4"},[a("span",[t._v("48个")]),a("span")]),a("div",{staticClass:"definfo definfo5"},[a("span",[t._v("55个")]),a("span")]),a("div",{staticClass:"definfo definfo6"},[a("span",[t._v("42个")]),a("span")]),a("div",{staticClass:"definfo definfo7"},[a("span",[t._v("95个")]),a("span")])])])])])}],mt={name:"ringPin",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_pin")),e={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#0a49c2"},{offset:1,color:"#13adc5"}])},a={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#0c388d"},{offset:1,color:"#137ff6"}])},i={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#05247a"},{offset:1,color:"#183cd7"}])},n={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#064d9d"},{offset:1,color:"#00b977"}])},s={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#133389"},{offset:1,color:"#5e51e3"}])},o={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#2a54a4"},{offset:1,color:"#ff900e"}])},r={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#5a847f"},{offset:1,color:"#e3de24"}])},l={color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#38828a"},{offset:1,color:"#61ac62"}])};this.option={color:["#05bbdf","#1170e1","#1b40e3","#00c86c","#5e51e3","#ff9235","#fef51e","#399632"],legend:{show:!0,orient:"vertical",left:"80%",top:"middle",data:["2020年","2019年","2018年","2017年","2016年","2015年","2014年","2013年"],textStyle:{color:"#fff",fontSize:14},itemWidth:20,itemHeight:10},series:[{name:"2020年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["85%","90%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:270,itemStyle:e},{value:30,itemStyle:{normal:{color:"#053f67"}}}]},{name:"2019年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["75%","80%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:180,itemStyle:a},{value:120,itemStyle:{normal:{color:"#062d67"}}}]},{name:"2018年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["65%","70%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:220,itemStyle:i},{value:80,itemStyle:{normal:{color:"#0c266a"}}}]},{name:"2017年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["55%","60%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:210,itemStyle:n},{value:90,itemStyle:{normal:{color:"#03414f"}}}]},{name:"2016年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["45%","50%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:150,itemStyle:s},{value:150,itemStyle:{normal:{color:"#142868"}}}]},{name:"2015年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["35%","40%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:150,itemStyle:o},{value:150,itemStyle:{normal:{color:"#373546"}}}]},{name:"2014年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["25%","30%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:50,itemStyle:r},{value:250,itemStyle:{normal:{color:"#35483f"}}}]},{name:"2013年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["15%","20%"],center:["40%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:300,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:50,itemStyle:l},{value:250,itemStyle:{normal:{color:"#0f3541"}}}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},ut=mt,ft=(a("b75c"),Object(l["a"])(ut,ct,dt,!1,null,"9c94ef6e",null)),ht=ft.exports,pt=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},vt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("旋转多彩图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"pie"},[a("div",{staticClass:"pies pie1"}),a("div",{staticClass:"pies pie2"}),a("div",{staticClass:"pies pie3"}),a("div",{staticClass:"pie4"})]),a("div",{staticClass:"chartsdom",attrs:{id:"chart_rotate"}})])])])])}],bt={name:"rotateColorful",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_rotate"));this.option={tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:{show:!0,orient:"vertical",left:"center",top:"middle",data:["内存","存储"],textStyle:{color:"#4ce5ff",fontSize:14},itemWidth:20,itemHeight:10},label:{normal:{show:!1}},labelLine:{normal:{show:!1}},series:[{name:"磁盘空间",type:"pie",radius:[60,110],center:["50%","50%"],roseType:"area",label:{show:!1},emphasis:{label:{show:!1}},data:[{value:6.5,name:"内存",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#387ed3"},{offset:1,color:"#bc8b68"}])}}},{value:3.5,name:"存储",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#188bfd"},{offset:1,color:"#51eeff"}])}}},{value:0,name:"其他",itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:0,name:"其他1",itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:0,name:"其他2",itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}},{value:0,name:"其他3",itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},yt=bt,wt=(a("1d42"),Object(l["a"])(yt,pt,vt,!1,null,"df1c82ce",null)),gt=wt.exports,Ct=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("环形跑道图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_run"}}),t._l(t.arrData,(function(e,i){return a("div",{key:i,staticClass:"pdt-info",class:"info"+i},[a("span"),a("span",[t._v(t._s(e.name)+":")]),a("span",[t._v(t._s(e.number))]),a("span",[t._v("("+t._s(e.percentage)+"%)")])])}))],2)])])])},_t=[],St={name:"circleRunway",data:function(){return{option:null,arrData:[{name:"联盟链",number:725,percentage:41.5},{name:"私有链",number:460,percentage:30.95},{name:"公有链",number:382,percentage:22.48}]}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_run")),e={normal:{color:"#091f45"}};this.option={color:["#0772bb","#00ffff","#f48b3b"],series:[{name:"联盟链",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["86%","90%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:5,name:"50%",itemStyle:{normal:{color:"#0772bb"}}},{value:5,name:"50%",itemStyle:e}]},{name:"私有链",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["66%","70%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:3,name:"50%",itemStyle:{normal:{color:"#00ffff"}}},{value:7,name:"50%",itemStyle:e}]},{name:"公有链",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["46%","50%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:2,name:"50%",itemStyle:{normal:{color:"#f48b3b"}}},{value:8,name:"50%",itemStyle:e}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},xt=St,Lt=(a("db5a"),Object(l["a"])(xt,Ct,_t,!1,null,"390b7806",null)),kt=Lt.exports,Et=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},Mt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("扫描半径图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_scan"}}),a("div",{staticClass:"box"},[a("div",{staticClass:"nodetext text0"},[a("span",[t._v("区块链")])]),a("div",{staticClass:"nodetext text1"},[a("span",[t._v("人工智能")])]),a("div",{staticClass:"nodetext text2"},[a("span",[t._v("大数据")])]),a("div",{staticClass:"nodetext text3"},[a("span",[t._v("云计算")])]),a("div",{staticClass:"nodetext text4"},[a("span",[t._v("移动互联网")])])])])])])])}],At={name:"scanRadius",data:function(){return{option:null,option2:null,val:0}},mounted:function(){this.getEchart()},methods:{getEchart:function(){for(var t=echarts.init(document.getElementById("chart_scan")),e=[{value:3,name:"区块链",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#4284dd"},{offset:1,color:"#0c3371"}])}}},{value:4.5,name:"人工智能",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#5253d3"},{offset:1,color:"#072559"}])}}},{value:3,name:"大数据",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#8b5c85"},{offset:1,color:"#183571"}])}}},{value:5.5,name:"云计算",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#b4734f"},{offset:1,color:"#443e5f"}])}}},{value:3,name:"移动互联网",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#3ab1d9"},{offset:1,color:"#124c94"}])}}}],a=0;a<e.length;a++)this.val+=e[a].value;e.push({value:this.val,name:"__other",itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}});var i=[{value:10,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)",borderColor:"rgba(17, 93, 217, 0.4)",borderWidth:1}}},{value:10,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}}],n={formatter:" ",backgroundColor:"rgba(0, 0, 0, 0)"};this.option={label:{normal:{show:!1}},labelLine:{normal:{show:!1}},tooltip:{trigger:"item"},series:[{name:"现代技术",type:"pie",startAngle:-180,radius:"190%",center:["50%","50%"],roseType:"radius",z:0,tooltip:{formatter:"{b0}: {c0} ({d0}%)"},label:{show:!1},emphasis:{label:{show:!1}},data:e},{name:"2020年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["90%","90%"],center:["50%","50%"],tooltip:n,label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:10,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)",borderColor:"rgba(21, 103, 214, 1)",borderWidth:2,borderType:"dashed"}}},{value:10,itemStyle:{normal:{color:"rgba(0, 0, 0, 0)"}}}]},{name:"2019年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["70%","70%"],center:["50%","50%"],tooltip:n,label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:i},{name:"2018年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["50%","50%"],center:["50%","50%"],tooltip:n,label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:i},{name:"2017年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["30%","30%"],center:["50%","50%"],tooltip:n,label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:i},{name:"2016年",type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["10%","10%"],center:["50%","50%"],tooltip:n,label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:i}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},Dt=At,Tt=(a("ee6c"),Object(l["a"])(Dt,Et,Mt,!1,null,"c980ba8e",null)),Wt=Tt.exports,Ot=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},zt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("柱饼组合联动")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_bp"}})])])])])}],It={name:"cakeLinkage",data:function(){return{option:null,dataMap:{}}},mounted:function(){this.getEchart()},methods:{dataFormatter:function(t){for(var e,a=["金融类","政务类","医疗类","互联网类"],i=2016;i<=2020;i++){var n=0,s=0;e=t[i];for(var o=0,r=e.length;o<r;o++)n=Math.max(n,e[o]),s+=e[o],t[i][o]={name:a[o],value:e[o]};t[i+"max"]=100*Math.floor(n/100),t[i+"sum"]=s}return t},getEchart:function(){var t=echarts.init(document.getElementById("chart_bp")),e={color:"#d6d638"},a={color:"#00c86c"},i={color:"#07d8ff"},n={color:"#0c71cf"};this.dataMap.dataJR=this.dataFormatter({2020:[136,159,905,305],2019:[124,145,562,285],2018:[118,128,207,265],2017:[112,122,234,245],2016:[101,110,804,225]}),this.dataMap.dataZW=this.dataFormatter({2020:[752,928,126,210],2019:[388,840,707,208],2018:[855,987,959,207],2017:[626,709,701,206],2016:[509,892,201,205]}),this.dataMap.dataYL=this.dataFormatter({2020:[363,219,483,505],2019:[600,438,123,405],2018:[179,405,668,305],2017:[375,2886,276,205],2016:[236,250,408,105]}),this.dataMap.dataIT=this.dataFormatter({2020:[752,928,126,255],2019:[388,840,707,245],2018:[855,987,959,235],2017:[626,709,701,225],2016:[509,892,201,215]}),this.option={baseOption:{timeline:{axisType:"category",autoPlay:!0,playInterval:2e3,data:["2016-01-01","2017-01-01","2018-01-01","2019-01-01","2020-01-01"],lineStyle:{color:"#179bf1"},left:30,right:30,label:{color:"#2867a8",formatter:function(t){return new Date(t).getFullYear()}},checkpointStyle:{color:"#01d8ff",symbolSize:10,borderColor:"rgba(1, 216, 255, 0.5)",borderWidth:5},controlStyle:{showPlayBtn:!1,borderColor:"#01bde6",itemGap:20},itemStyle:{borderColor:"#004b85",borderWidth:1,shadowColor:"rgba(1, 216, 225, 0.5)",shadowBlur:5},emphasis:{label:{color:"#01d8ff",show:!1},checkpointStyle:{color:"#01d8ff",borderColor:"rgba(1, 216, 255, 0.5)",borderWidth:5},controlStyle:{borderColor:"rgba(1, 216, 255, 0.5)"},itemStyle:{color:"#01d8ff",borderColor:"rgba(1, 216, 225, 0.5)",borderWidth:5}}},grid:{bottom:"20%",right:"42%"},calculable:!0,xAxis:[{type:"category",data:["金融类","政务类","医疗类","互联网类"],splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#2867a8"}}}],yAxis:[{type:"value",name:"区块链应用(个)",splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#2867a8"}}}],series:[{name:"联盟链",type:"bar",barMaxWidth:15,center:["20%","65%"],seriesLayoutBy:"row",markPoint:{symbol:"pin",itemStyle:{normal:{color:"#eb9b44",shadowColor:"#eb9b44",shadowBlur:15}},data:[{type:"max",name:"最大值"},{type:"min",name:"最小值"}]}},{name:"应用占比",type:"pie",center:["76%","20%"],radius:"28%",z:100}]},options:[{series:[{data:[{name:"金融类",value:this.dataMap.dataJR["2016sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2016sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2016sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2016sum"],itemStyle:n}]},{data:[{name:"金融类",value:this.dataMap.dataJR["2016sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2016sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2016sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2016sum"],itemStyle:n}]}]},{series:[{data:[{name:"金融类",value:this.dataMap.dataJR["2017sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2017sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2017sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2017sum"],itemStyle:n}]},{data:[{name:"金融类",value:this.dataMap.dataJR["2017sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2017sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2017sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2017sum"],itemStyle:n}]}]},{series:[{data:[{name:"金融类",value:this.dataMap.dataJR["2018sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2018sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2018sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2018sum"],itemStyle:n}]},{data:[{name:"金融类",value:this.dataMap.dataJR["2018sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2018sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2018sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2018sum"],itemStyle:n}]}]},{series:[{data:[{name:"金融类",value:this.dataMap.dataJR["2019sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2019sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2019sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2019sum"],itemStyle:n}]},{data:[{name:"金融类",value:this.dataMap.dataJR["2019sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2019sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2019sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2019sum"],itemStyle:n}]}]},{series:[{data:[{name:"金融类",value:this.dataMap.dataJR["2020sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2020sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2020sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2020sum"],itemStyle:n}]},{data:[{name:"金融类",value:this.dataMap.dataJR["2020sum"],itemStyle:e},{name:"政务类",value:this.dataMap.dataZW["2020sum"],itemStyle:a},{name:"医疗类",value:this.dataMap.dataYL["2020sum"],itemStyle:i},{name:"互联网类",value:this.dataMap.dataIT["2020sum"],itemStyle:n}]}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},Bt=It,$t=(a("981a"),Object(l["a"])(Bt,Ot,zt,!1,null,"c3400710",null)),jt=$t.exports,Gt=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},Pt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("动态折线图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_dt"}})])])])])}],Nt=(a("a15b"),a("25f0"),{name:"dynamicLine",data:function(){return{option:null,timer:null,xData:[],now:+new Date(2019,1,1),value:1e3*Math.random(),oneDay:864e5}},mounted:function(){this.getEchart()},methods:{randomData:function(){return this.now=new Date(+this.now+this.oneDay),this.value=this.value+25*Math.random()-10,{name:this.now.toString(),value:[[this.now.getFullYear(),this.now.getMonth()+1,this.now.getDate()].join("/"),Math.round(this.value)]}},getEchart:function(){for(var t=this,e=echarts.init(document.getElementById("chart_dt")),a=0;a<1e3;a++)this.xData.push(this.randomData());this.option={tooltip:{trigger:"axis",axisPointer:{type:"cross",axisPointer:{type:"cross",label:{backgroundColor:"#283b56"}}}},grid:{top:"10%",left:"3%",right:"12%",bottom:"3%",containLabel:!0},color:["#b54c5d"],calculable:!0,xAxis:{type:"time",name:"年-月-日",boundaryGap:!1,splitNumber:5,axisLabel:{formatter:function(t){var e=new Date(t);return e.getFullYear()+"-"+(e.getMonth()+1)+"-"+e.getDate()}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#2867a8"}},splitLine:{show:!1}},yAxis:{type:"value",scale:!0,name:"比特币(美元)",min:0,boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#2867a8"}},splitLine:{show:!1}},series:[{name:"实时交易",type:"line",xAxisIndex:0,yAxisIndex:0,itemStyle:{opacity:0},data:this.xData,smooth:!0}]},e.setOption(this.option,!0),window.addEventListener("resize",(function(){e.resize()})),this.timer=setInterval((function(){for(var a=0;a<5;a++)t.xData.shift(),t.xData.push(t.randomData());e.setOption(t.option,!0)}),2e3)}},beforeDestroy:function(){clearInterval(this.timer)}}),Rt=Nt,Ft=(a("3206"),Object(l["a"])(Rt,Gt,Pt,!1,null,"4a0eb9c3",null)),Vt=Ft.exports,Jt=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},Yt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("金字塔趋势")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_ptrend"}})])])])])}],Ht={name:"pyramidTrend",data:function(){return{option:null,dataMap:{}}},mounted:function(){this.getEchart()},methods:{dataFormatter:function(t){for(var e,a=["长沙","湘潭","株洲","岳阳","邵阳","衡阳","益阳","娄底","怀化","湘西","张家界","郴州","常德","永州"],i=0;i<3;i++){var n=0,s=0;e=t[i];for(var o=0,r=e.length;o<r;o++)n=Math.max(n,e[o]),s+=e[o],t[i][o]={name:a[o],value:e[o]};t[i+"max"]=100*Math.floor(n/100),t[i+"sum"]=s}return t},getEchart:function(){var t=echarts.init(document.getElementById("chart_ptrend")),e={barBorderRadius:[15,0],color:"#0084ff"};this.dataMap.dataType=this.dataFormatter({2:[124,145,261,54,195,131,150,39,11,40,23,51,45,88],1:[136,159,205,41,306,7,77,101,24,34,8,15,14,9],0:[118,128,220,47,92,14,9,11,113,61,11,22,33,5]}),this.option={baseOption:{timeline:{axisType:"category",autoPlay:!0,playInterval:1e3,data:["一类","二类","三类"],left:80,right:80,bottom:10,lineStyle:{color:"#179bf1"},label:{color:"#fff"},checkpointStyle:{color:"#01d8ff",symbolSize:10,borderColor:"rgba(1, 216, 255, 0.5)",borderWidth:5},controlStyle:{show:!1},itemStyle:{borderColor:"#004b85",borderWidth:1,shadowColor:"rgba(1, 216, 225, 0.5)",shadowBlur:5},emphasis:{label:{color:"#01d8ff",show:!1},checkpointStyle:{color:"#01d8ff",borderColor:"rgba(1, 216, 255, 0.5)",borderWidth:5},itemStyle:{color:"#01d8ff",borderColor:"rgba(1, 216, 225, 0.5)",borderWidth:5}}},calculable:!0,grid:{top:"10%",bottom:"25%"},xAxis:[{type:"category",axisLabel:{interval:0},data:["长沙","湘潭","株洲","岳阳","邵阳","衡阳","益阳","娄底","怀化","湘西","张家界","郴州","常德","永州"],splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#2867a8"}}}],yAxis:[{type:"value",name:"家",splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#2867a8"}}}],series:[{name:"一类",type:"bar",barWidth:15,legendHoverLink:!0,label:{show:!0,position:"top",color:"#fff"}}]},options:[{series:[{data:this.dataMap.dataType["0"],itemStyle:e}]},{series:[{data:this.dataMap.dataType["1"],itemStyle:e}]},{series:[{data:this.dataMap.dataType["2"],itemStyle:e}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},Zt=Ht,Ut=(a("2505"),Object(l["a"])(Zt,Jt,Yt,!1,null,"4f7dcf85",null)),qt=Ut.exports,Qt=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("人员占比")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[t._m(0),a("div",{staticClass:"svgs"},[a("svg",{attrs:{width:"244",height:"264",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[a("defs",[a("linearGradient",{attrs:{id:"linear",x1:"0%",y1:"0%",x2:"0%",y2:"100%"}},[a("stop",{staticStyle:{"stop-color":"#0a6aff","stop-opacity":"0.47"},attrs:{offset:"0%"}}),a("stop",{staticStyle:{"stop-color":"#5cffff","stop-opacity":"1"},attrs:{offset:"40%"}}),a("stop",{staticStyle:{"stop-color":"#0a6aff","stop-opacity":"1"},attrs:{offset:"100%"}})],1),a("marker",{attrs:{id:"arrow",markerWidth:"10",markerHeight:"10",refX:"0",refY:"3",orient:"auto",markerUnits:"strokeWidth"}},[a("path",{attrs:{d:"M0,0 L0,6 L9,3 z",fill:"rgb(11,108,255)"}})])],1),a("path",{attrs:{d:"M134 86C136 86 80 85 77 208",fill:"none",stroke:"url(#linear)","stroke-opacity":"1","marker-end":"url(#arrow)"}}),a("path",{attrs:{d:"M136 86C138 86 212 88 204 208",fill:"none",stroke:"url(#linear)","stroke-opacity":"1","marker-end":"url(#arrow)"}}),a("path",{attrs:{d:"M136 84C138 84 195 84 206 116",fill:"none",stroke:"url(#linear)","stroke-opacity":"1","marker-end":"url(#arrow)"}}),a("path",{attrs:{d:"M134 84C136 84 81 82 58 123",fill:"none",stroke:"url(#linear)","stroke-opacity":"1","marker-end":"url(#arrow)"}}),a("path",{attrs:{d:"M132 86C134 86 120 68 93 67",fill:"none",stroke:"url(#linear)","stroke-opacity":"1","marker-end":"url(#arrow)"}}),a("path",{attrs:{d:"M134 86C136 86 132 78 134 74C136 69 150 52 150 52",fill:"none",stroke:"url(#linear)","stroke-opacity":"1","marker-end":"url(#arrow)"}}),a("path",{attrs:{d:"M134 85C136 85 146 65 183 65",fill:"none","fill-opacity":"0",stroke:"url(#linear)","marker-end":"url(#arrow)"}})])]),a("div",{staticClass:"svgs"},t._l(t.arrData,(function(e,i){return a("div",{key:i,staticClass:"text",class:"per"+(i+1)},[a("span",[t._v(t._s(e.name))]),a("span",[t._v(t._s(e.number))]),t._v("人 ")])})),0)])])])])},Kt=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"person"},[a("div",{staticClass:"pers person1"}),a("div",{staticClass:"pers person2"}),a("div",{staticClass:"pers person3"})])}],Xt={name:"staffMix",data:function(){return{arrData:[{name:"前端工程师",number:3},{name:"后端工程师",number:5},{name:"网页设计师",number:2},{name:"测试工程师",number:2},{name:"产品经理",number:1},{name:"安卓工程师",number:1},{name:"IOS工程师",number:1}]}},mounted:function(){},methods:{},beforeDestroy:function(){}},te=Xt,ee=(a("e9f0"),Object(l["a"])(te,Qt,Kt,!1,null,"520c8719",null)),ae=ee.exports,ie=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("闪动云")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container cloud"},[a("div",{staticClass:"pd-main-left"},[t._m(0),a("div",{staticClass:"yun-text",attrs:{id:"yunText"}},t._l(t.arrData,(function(e,i){return a("div",{key:i,class:{"span-flash":t.number==i},attrs:{id:"yunText-"+(i+1)}},[a("span",{attrs:{title:e.title}},[t._v(t._s(e.title))])])})),0)])])])])])},ne=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"yun-container"},[a("div",{staticClass:"yun-tree"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"}),a("div",{staticClass:"line-fs"})])}],se={name:"flashCloud",data:function(){return{number:0,arrData:[{title:"JavaScript"},{title:"Vue.js"},{title:"React.js"},{title:"Node.js"},{title:"Angular"},{title:"HTML5"},{title:"CSS3"},{title:"jQuery"},{title:"Typescript"},{title:"Bootstrap"},{title:"WebApp"},{title:"小程序"},{title:"HTTP"},{title:"Sass/Less"},{title:"Webpack"},{title:"ES6"}]}},mounted:function(){var t=this,e=5;this.timer=setInterval((function(){if(t.number=parseInt(15*Math.random(),10),0==e)return e=5,t.arrData.sort((function(){return Math.random()-.5}));e--}),2e3)},methods:{},beforeDestroy:function(){clearInterval(this.timer)}},oe=se,re=(a("4a4d"),Object(l["a"])(oe,ie,ne,!1,null,"62dea1c8",null)),le=re.exports,ce=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("环形饼图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container ring-pie"},[a("div",{staticClass:"back-chart"},[a("svg",{attrs:{width:"100%",height:"100%",viewBox:"0 0 150 150",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[a("path",{attrs:{id:"svg_2",d:"m3,75c0,-39.77901 32.22099,-72 72,-72c39.77901,0 72,32.22099 72,72c0,39.77901 -32.22099,72 -72,72c-39.77901,0 -72,-32.22099 -72,-72z",stroke:"#2de6af","fill-opacity":"null",fill:"none"}})])]),a("div",{staticClass:"chartsdom",attrs:{id:"chart_rp"}}),a("div",{staticClass:"arrow-cir arrow-cir1"}),a("div",{staticClass:"arrow-cir arrow-cir2"})])])])])},de=[],me={name:"ringPie",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_rp"));this.option={series:[{name:"环形饼图",type:"pie",radius:["68%","80%"],hoverAnimation:!1,avoidLabelOverlap:!1,label:{show:!1,position:"center"},emphasis:{label:{show:!1}},labelLine:{show:!1},data:[{value:6,name:"区块链",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#6984fe"},{offset:1,color:"#24d1fd"}])}}},{value:4,name:"大数据",itemStyle:{normal:{color:"#eee"}}}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},ue=me,fe=(a("2da5"),Object(l["a"])(ue,ce,de,!1,null,"1850a7af",null)),he=fe.exports,pe=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},ve=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("多彩雷达")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_radar"}})])])])])}],be={name:"colorfulRadar",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_radar"));this.option={tooltip:{trigger:"axis"},radar:[{indicator:[{text:"外观",max:100},{text:"拍照",max:100},{text:"系统",max:100},{text:"性能",max:100},{text:"屏幕",max:100},{text:"折叠",max:100}],radius:"75%",center:["50%","50%"],name:{textStyle:{color:"#1883ff"}},axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!0,symbol:"arrow",symbolSize:[5,7.5],lineStyle:{color:"#1883ff",type:"dashed"}},splitArea:{show:!1},splitLine:{show:!1}}],series:[{type:"radar",areaStyle:{},symbol:"none",itemStyle:{normal:{areaStyle:{type:"default"}}},lineStyle:{opacity:0},data:[{value:[35,50,30,30,40,45],name:"智能手机",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#9c6b4e"},{offset:1,color:"#2a59ac"}]),lineStyle:{color:"#2a59ac"}}}},{value:[70,40,55,55,30,55],name:"5G手机",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#0855ca"},{offset:1,color:"#36a6c7"}]),lineStyle:{color:"#36a6c7"}}}}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},ye=be,we=(a("f35c"),Object(l["a"])(ye,pe,ve,!1,null,"2f473960",null)),ge=we.exports,Ce=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("动态列表")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container pd-info"},[a("div",{staticClass:"pd-info-center"},[t._m(0),a("div",{staticClass:"y-number y-number-1 animated fadeInLeft"},[a("div",{staticClass:"y-number-bg animated infinite rotate"}),a("div",{staticClass:"y-number-icon"}),a("div",{staticClass:"y-number-text"},[a("span",[t._v("区块链")]),a("span",{staticClass:"odometer odometer-theme-digital",attrs:{id:"number1"}},[a("div",{staticClass:"odometer-inside"},[a("span",{staticClass:"odometer-digit"},[a("span",{staticClass:"odometer-digit-spacer"},[t._v("8")]),a("span",{staticClass:"odometer-digit-inner"},[a("span",{staticClass:"odometer-ribbon"},[a("span",{staticClass:"odometer-ribbon-inner"},[a("span",{staticClass:"odometer-value"},[a("countTo",{attrs:{startVal:t.startVal,endVal:12356,duration:6e3,separator:""}})],1)])])])])])])])]),a("div",{staticClass:"y-number y-number-2 animated fadeInLeft"},[a("div",{staticClass:"y-number-bg animated infinite rotateF"}),a("div",{staticClass:"y-number-icon"}),a("div",{staticClass:"y-number-text"},[a("span",[t._v("大数据")]),a("span",{staticClass:"odometer odometer-theme-digital",attrs:{id:"number2"}},[a("div",{staticClass:"odometer-inside"},[a("span",{staticClass:"odometer-digit"},[a("span",{staticClass:"odometer-digit-spacer"},[t._v("8")]),a("span",{staticClass:"odometer-digit-inner"},[a("span",{staticClass:"odometer-ribbon"},[a("span",{staticClass:"odometer-ribbon-inner"},[a("span",{staticClass:"odometer-value"},[a("countTo",{attrs:{startVal:t.startVal,endVal:65321,duration:6e3,separator:""}})],1)])])])])])])])]),a("div",{staticClass:"y-number y-number-3 animated fadeInLeft"},[a("div",{staticClass:"y-number-bg animated infinite rotateF"}),a("div",{staticClass:"y-number-icon"}),a("div",{staticClass:"y-number-text"},[a("span",[t._v("云计算")]),a("span",{staticClass:"odometer odometer-theme-digital",attrs:{id:"number3"}},[a("div",{staticClass:"odometer-inside"},[a("span",{staticClass:"odometer-digit"},[a("span",{staticClass:"odometer-digit-spacer"},[t._v("8")]),a("span",{staticClass:"odometer-digit-inner"},[a("span",{staticClass:"odometer-ribbon"},[a("span",{staticClass:"odometer-ribbon-inner"},[a("span",{staticClass:"odometer-value"},[a("countTo",{attrs:{startVal:t.startVal,endVal:8686,duration:6e3,separator:""}})],1)])])])])])])])]),a("div",{staticClass:"y-number y-number-4 animated fadeInLeft"},[a("div",{staticClass:"y-number-bg animated infinite rotate"}),a("div",{staticClass:"y-number-icon"}),a("div",{staticClass:"y-number-text"},[a("span",[t._v("人工智能")]),a("span",{staticClass:"odometer odometer-theme-digital",attrs:{id:"number4"}},[a("div",{staticClass:"odometer-inside"},[a("span",{staticClass:"odometer-digit"},[a("span",{staticClass:"odometer-digit-spacer"},[t._v("8")]),a("span",{staticClass:"odometer-digit-inner"},[a("span",{staticClass:"odometer-ribbon"},[a("span",{staticClass:"odometer-ribbon-inner"},[a("span",{staticClass:"odometer-value"},[a("countTo",{attrs:{startVal:t.startVal,endVal:258,duration:6e3,separator:""}})],1)])])])])])])])])])])])])])},_e=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"y-center"},[a("div",{staticClass:"info-1-0 animated infinite rotateF"}),a("div",{staticClass:"info-1-1 animated infinite rotateF"}),a("div",{staticClass:"info-1-2 animated infinite rotate"}),a("div",{staticClass:"info-1-3 animated infinite rotate"}),a("div",{staticClass:"info-1-4 animated infinite flashPD"})])}],Se=a("ec1b"),xe=a.n(Se),Le={name:"dynamicList",components:{countTo:xe.a},data:function(){return{startVal:0}},mounted:function(){},methods:{},beforeDestroy:function(){}},ke=Le,Ee=(a("cedb"),Object(l["a"])(ke,Ce,_e,!1,null,"d9dcd046",null)),Me=Ee.exports,Ae=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},De=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container trigle"},[a("div",{staticClass:"bar bar-img"}),a("div",{staticClass:"bar bar-img1"}),a("div",{staticClass:"bar bar-img2"}),a("div",{staticClass:"chartsdom",attrs:{id:"chart_3d"}})])}],Te=(a("99af"),{name:"bar3d",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_3d")),e=["20-25","25-30","30-35","35-40","40-45","45-50"],a=["1","2","3","4","5","6"],i=["女","男"],n=[[0,0,3,i[0],e[0],500,25],[0,1,2.5,i[0],e[3],1e3,35],[0,2,1.5,i[1],e[4],3e3,5],[0,3,1,i[1],e[1],300,15],[0,4,2,i[0],e[2],500,55],[0,5,3,i[0],e[3],1500,45],[1,5,6,i[1],e[0],300,25],[1,1,4,i[0],e[1],500,22],[1,2,2,i[0],e[2],1500,38],[1,3,1.5,i[1],e[3],2500,25],[1,4,3,i[0],e[4],3500,49],[1,0,4,i[1],e[5],5500,15],[2,2,3,i[1],e[0],300,25],[2,1,2,i[0],e[4],1300,25],[2,2,5,i[0],e[2],900,25],[2,5,1,i[1],e[3],2e3,25],[2,0,3,i[1],e[1],2300,25],[2,0,10,i[1],e[5],3500,25],[3,2,3,i[0],e[5],500,35],[3,3,2,i[0],e[4],2300,55],[3,2,1,i[1],e[3],3300,15],[3,5,5,i[1],e[2],500,10],[3,1,2,i[1],e[1],1e3,35],[3,0,1,i[0],e[0],300,45],[4,2,3,i[1],e[1],600,25],[4,0,5,i[0],e[0],500,15],[4,1,3.5,i[1],e[3],4e3,5],[4,4,7,i[0],e[0],300,75],[4,1,0,i[1],e[5],3e3,85],[3,1,3,i[0],e[2],2500,65],[5,2,3,i[0],e[2],500,15],[5,1,2,i[1],e[3],3300,52],[5,1,5,i[0],e[4],1e3,88],[5,5,8,i[1],e[0],200,12],[5,2,7,i[0],e[0],300,45],[3,2,2,i[1],e[1],5e3,51]];this.option={tooltip:{borderColor:"#8a704e",borderWidth:1,padding:15,formatter:function(t){var e="".concat(t.seriesName,' <br> <span style="color: #fff;">性别:').concat(t.value[3]," <br> 年龄:").concat(t.value[4],"岁<br> 贷款金额:").concat(t.value[5]," <br> 总人数:").concat(t.value[6],"</span>");return e},textStyle:{color:"#8a704e",fontSize:16}},xAxis3D:{type:"category",data:e},yAxis3D:{type:"category",data:a},zAxis3D:{type:"value"},grid3D:{show:!1,boxWidth:160,boxDepth:80,viewControl:{alpha:10,beta:15}},series:[{type:"bar3D",name:"当前值",data:n.map((function(t){return{value:[t[1],t[0],t[2],t[3],t[4],t[5],t[6]]}})),shading:"lambert",label:{show:!1},itemStyle:{color:"#0084ff",opacity:.8},emphasis:{label:{show:!1},itemStyle:{color:"#0084ff"}}}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}}),We=Te,Oe=(a("f46b"),Object(l["a"])(We,Ae,De,!1,null,"523fbc90",null)),ze=Oe.exports,Ie=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},Be=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("多彩轮播面积")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_cra"}})])])])])}],$e={name:"colorfulArea",data:function(){return{option:null,dataMap:{}}},mounted:function(){this.getEchart()},methods:{dataFormatter:function(t){for(var e,a=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24],i=1;i<=5;i++){var n=0,s=0;e=t[i];for(var o=0,r=e.length;o<r;o++)n=Math.max(n,e[o]),s+=e[o],t[i][o]={name:a[o],value:e[o]};t[i+"max"]=100*Math.floor(n/100),t[i+"sum"]=s}return t},getEchart:function(){var t=echarts.init(document.getElementById("chart_cra")),e={barBorderRadius:[15,0],color:"#0084ff"};this.dataMap.dataType=this.dataFormatter({5:[96,96,96,96,96,96,96,96,96,96,96,96,85,85,85,85,85,85,98,54,50,54,54,54,54],4:[86,86,86,86,86,86,86,86,86,86,86,86,85,95,85,85,85,85,64,64,60,64,64,64,64],3:[90,90,90,90,90,90,90,90,90,90,95,90,91,91,91,91,91,91,54,54,50,54,54,54,54],2:[76,76,76,76,76,76,76,76,76,76,76,76,95,95,95,95,95,95,54,54,50,54,54,54,54],1:[66,66,66,66,66,66,66,66,66,96,66,66,85,85,85,85,85,85,55,55,50,55,55,55,55]}),this.option={baseOption:{timeline:{axisType:"category",autoPlay:!0,playInterval:1e3,data:["5.1","5.2","5.3","5.4","5.5"],left:50,right:50,top:5,lineStyle:{color:"#122e96"},label:{color:"#fff"},checkpointStyle:{color:"#ef8c2f",symbolSize:10,borderColor:"rgba(239, 140, 47, 0.5)",borderWidth:5},controlStyle:{showPlayBtn:!1,borderColor:"#122e96",itemGap:20},itemStyle:{borderColor:"#122e96",borderWidth:5},emphasis:{label:{color:"#ef8c2f",show:!1},checkpointStyle:{color:"#ef8c2f",borderColor:"rgba(239, 140, 47, 0.5)",borderWidth:5},controlStyle:{borderColor:"#122e96"},itemStyle:{color:"#ef8c2f",borderColor:"rgba(239, 140, 47, 0.5)",borderWidth:5}}},calculable:!0,grid:{top:"25%",bottom:"12%"},xAxis:[{type:"category",axisLabel:{interval:5},data:[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24],splitLine:{show:!1},offset:10,axisTick:{show:!0,alignWithLabel:!0,interval:5,length:10,lineStyle:{color:"#59aec8",width:3}},axisLine:{show:!1,lineStyle:{color:"#2867a8"}}}],yAxis:[{type:"value",splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!1,lineStyle:{color:"#2867a8"}}}],series:[{name:"多彩轮播面积",type:"line",markPoint:{symbol:"pin",symbolSize:40,itemStyle:{normal:{color:"#ef8c2f",shadowColor:"#ef8c2f",shadowBlur:15}},data:[{type:"max",name:"最大值"}]},itemStyle:{borderColor:"#1374e7",borderWidth:10,shadowBlur:10,shadowColor:"#1374e7",opacity:0},label:{show:!1},lineStyle:{width:2,color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#17418d"},{offset:1,color:"#a56d42"}])},areaStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#1e4b4b"},{offset:1,color:"rgba(0, 0, 0, 0)"}])}},smooth:!0}]},options:[{series:[{data:this.dataMap.dataType["1"],itemStyle:e}]},{series:[{data:this.dataMap.dataType["2"],itemStyle:e}]},{series:[{data:this.dataMap.dataType["3"],itemStyle:e}]},{series:[{data:this.dataMap.dataType["4"],itemStyle:e}]},{series:[{data:this.dataMap.dataType["5"],itemStyle:e}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},je=$e,Ge=(a("d903"),Object(l["a"])(je,Ie,Be,!1,null,"13f43f66",null)),Pe=Ge.exports,Ne=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("彩虹轨道")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_rbt"}}),t._l(t.arrData,(function(e,i){return a("div",{key:i,staticClass:"preinfo",class:"preinfo"+i},[a("span",[t._v(t._s(e.percent)+"%")]),a("span",[t._v(t._s(e.name))])])})),t._l(t.arrData,(function(t,e){return a("div",{staticClass:"preinfos",class:"pre"+e},[a("span"),a("span")])}))],2)])])])},Re=[],Fe={name:"rainbow",data:function(){return{option:null,arrData:[{name:"食品类",percent:73},{name:"工业类",percent:20},{name:"医疗类",percent:32},{name:"政务类",percent:60},{name:"金融类",percent:14}]}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_rbt")),e={normal:{color:"rgba(0, 0, 0, 0)"}};this.option={color:["#125ec1","#3fa5c0","#d68639","#ad5b68","#6082a5"],series:[{name:"金融类",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["85%","90%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},itemStyle:{shadowColor:"#125ec1",shadowBlur:15},data:[{value:15,name:"15%",itemStyle:{normal:{color:"#125ec1"}}},{value:85,name:"50%",itemStyle:e}]},{name:"政务类",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["72%","77%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},itemStyle:{shadowColor:"#3fa5c0",shadowBlur:15},data:[{value:60,name:"60%",itemStyle:{normal:{color:"#3fa5c0"}}},{value:40,name:"40%",itemStyle:e}]},{name:"医疗类",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["59%","64%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},itemStyle:{shadowColor:"#d68639",shadowBlur:15},data:[{value:32,name:"32%",itemStyle:{normal:{color:"#d68639"}}},{value:68,name:"68%",itemStyle:e}]},{name:"工业类",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["46%","51%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},itemStyle:{shadowColor:"#ad5b68",shadowBlur:15},data:[{value:20,name:"20%",itemStyle:{normal:{color:"#ad5b68"}}},{value:80,name:"80%",itemStyle:e}]},{name:"食品类",type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["33%","38%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},itemStyle:{shadowColor:"#6082a5",shadowBlur:15},data:[{value:73,name:"73%",itemStyle:{normal:{color:"#6082a5"}}},{value:27,name:"27%",itemStyle:e}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},Ve=Fe,Je=(a("321d"),Object(l["a"])(Ve,Ne,Re,!1,null,"66203548",null)),Ye=Je.exports,He=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},Ze=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("仪表盘")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_gauge"}})])])])])}],Ue={name:"gauge",data:function(){return{option:null,timer:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=this,e=echarts.init(document.getElementById("chart_gauge"));this.option={tooltip:{formatter:"{a} <br/>{c} {b}"},series:[{name:"速度",type:"gauge",min:0,max:220,splitNumber:11,axisLine:{lineStyle:{color:[[.09,"lime"],[.82,"#1e90ff"],[1,"#ff4500"]],width:3,shadowColor:"#fff",shadowBlur:10}},axisLabel:{fontWeight:"bolder",color:"#fff",shadowColor:"#fff",shadowBlur:10},axisTick:{length:15,lineStyle:{color:"auto",shadowColor:"#fff",shadowBlur:10}},splitLine:{length:25,lineStyle:{width:3,color:"#fff",shadowColor:"#fff",shadowBlur:10}},pointer:{shadowColor:"#fff",shadowBlur:5},title:{textStyle:{fontWeight:"bolder",fontSize:20,fontStyle:"italic",color:"#fff",shadowColor:"#fff",shadowBlur:10}},detail:{offsetCenter:[0,"50%"],textStyle:{fontWeight:"bolder",fontSize:25,color:"#fff"}},data:[{value:40,name:"km/h"}]}]},e.setOption(this.option,!0),window.addEventListener("resize",(function(){e.resize()})),this.timer=setInterval((function(){t.option.series[0].data[0].value=(100*Math.random()).toFixed(2)-0,e.setOption(t.option,!0)}),2e3)}},beforeDestroy:function(){clearInterval(this.timer)}},qe=Ue,Qe=(a("f901"),Object(l["a"])(qe,He,Ze,!1,null,"681006a7",null)),Ke=Qe.exports,Xe=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},ta=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("水球图")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_polo"}})])])])])}],ea={name:"waterPolo",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_polo"));this.option={series:[{type:"liquidFill",data:[.45],radius:"70%",color:["#00b9f5"],backgroundStyle:{color:"rgba(0, 0, 0, 0.5)",borderColor:"#007bff",borderWidth:3,shadowColor:"rgba(0, 123, 225, 0.4)",shadowBlur:20},outline:{show:!1}}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},aa=ea,ia=(a("0d93"),Object(l["a"])(aa,Xe,ta,!1,null,"d36d765c",null)),na=ia.exports,sa=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrap-container sn-container"},[a("div",{staticClass:"sn-content"},[a("div",{staticClass:"sn-title"},[t._v("圆环套圆环")]),a("div",{staticClass:"sn-body"},[a("div",{staticClass:"defelement"},[a("div",{staticClass:"wrap-container"},[a("div",{staticClass:"chartsdom",attrs:{id:"chart_circle"}}),a("div",{staticClass:"svg-dom"},[a("svg",{attrs:{width:"100%",height:"100%",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[a("path",{attrs:{id:"svg_2",d:"m117,210c0,-51.65746 41.61878,-93.5 93,-93.5c51.38122,0 93,41.84254 93,93.5c0,51.65746 -41.61878,93.5 -93,93.5c-51.38122,0 -93,-41.84254 -93,-93.5z",stroke:"#bfbfbf",fill:"none","stroke-dasharray":"3,3",xmlns:"http://www.w3.org/2000/svg"}}),a("path",{attrs:{id:"svg_3",d:"m134,210c0,-41.71271 34.01105,-75.5 76,-75.5c41.98895,0 76,33.78729 76,75.5c0,41.71271 -34.01105,75.5 -76,75.5c-41.98895,0 -76,-33.78729 -76,-75.5z",stroke:"#bfbfbf",fill:"none","stroke-dasharray":"3,3",xmlns:"http://www.w3.org/2000/svg"}})])]),a("div",{staticClass:"cir-arrow cir-arrow1"}),a("div",{staticClass:"cir-arrow cir-arrow2"})])])])])])},oa=[],ra={name:"circleNesting",data:function(){return{option:null}},mounted:function(){this.getEchart()},methods:{getEchart:function(){var t=echarts.init(document.getElementById("chart_circle")),e={normal:{color:"rgba(0, 0, 0, 0)"}};this.option={color:["#5d8ef8","#638bfd","#1dd1c1"],series:[{type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["68%","70%"],center:["50%","50%"],label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[{value:10,name:"100%",itemStyle:{normal:{color:new echarts.graphic.LinearGradient(0,0,0,1,[{offset:1,color:"#628cfd"},{offset:0,color:"#20cdc4"}])}}}]},{type:"pie",clockWise:!1,startAngle:90,hoverAnimation:!1,radius:["53%","56%"],center:["50%","50%"],label:{normal:{show:!0,fontSize:16,lineHeight:22,formatter:function(t){return t.name+"\n"+t.value+"%"}}},labelLine:{smooth:!0,normal:{show:!0,length:20,length2:20,lineStyle:{type:"dotted"}}},data:[{value:64,name:"交易比",itemStyle:{normal:{color:"#638bfd"}}},{value:36,name:"",itemStyle:e}]},{type:"pie",clockWise:!1,startAngle:0,hoverAnimation:!1,radius:["43%","46%"],center:["50%","50%"],label:{normal:{show:!0,fontSize:16,lineHeight:22,formatter:function(t){return t.name+"\n"+t.value+"%"}}},labelLine:{smooth:!0,normal:{show:!0,length:20,length2:50,lineStyle:{type:"dotted"}}},data:[{value:36,name:"通道比",itemStyle:{normal:{color:"#1dd1c1"}}},{value:64,name:"",itemStyle:e}]}]},t.setOption(this.option,!0),window.addEventListener("resize",(function(){t.resize()}))}},beforeDestroy:function(){}},la=ra,ca=(a("da3e"),Object(l["a"])(la,sa,oa,!1,null,"76688490",null)),da=ca.exports,ma={bgAnimation:x,modal:D,sinan:B,seamless:V,pyramid:q,scrollArc:at,szBar:lt,ringPin:ht,rotateColorful:gt,circleRunway:kt,scanRadius:Wt,cakeLinkage:jt,dynamicLine:Vt,pyramidTrend:qt,staffMix:ae,flashCloud:le,ringPie:he,colorfulRadar:ge,dynamicList:Me,bar3d:ze,colorfulArea:Pe,rainbow:Ye,gauge:Ke,waterPolo:na,circleNesting:da},ua=function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.installed||(Object.keys(ma).forEach((function(t){e.component(ma[t].name,ma[t])})),t.installed=!0)};ua.installed=!1,"undefined"!==typeof window&&window.Vue&&(ua(window.Vue),ua.installed=!0);var fa=Object(y["a"])({},ma,{install:ua}),ha=fa,pa=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"fade"}},[t.visible?a("div",{staticClass:"toast-container"},[a("div",{staticClass:"toast",class:t.type},[a("div",{staticClass:"content"},[a("i",{staticClass:"iconfont",class:"icon-"+t.type}),a("span",[t._v(t._s(t.content))])]),t.hasClose?a("i",{staticClass:"iconfont icon-close close",on:{click:function(e){t.visible=!1}}}):t._e()])]):t._e()])},va=[],ba={name:"Toast",data:function(){return{content:"",time:3e3,visible:!1,type:"error",hasClose:!1}},mounted:function(){this.close()},methods:{close:function(){var t=this;setTimeout((function(){t.visible=!1}),this.time)}}},ya=ba,wa=(a("ff42"),Object(l["a"])(ya,pa,va,!1,null,"0919d77a",null)),ga=wa.exports,Ca=i["a"].extend(ga);ga.install=function(t,e){void 0===t||null===t?t={content:""}:"string"!==typeof t&&"number"!==typeof t||(t={content:t},void 0!==e&&null!==t&&(t.type=e));var a=new Ca({data:t}).$mount();document.body.appendChild(a.$el),i["a"].nextTick((function(){a.visible=!0}))};var _a=ga.install;a("b19f"),a("7dd0a"),a("be35");i["a"].use(b["a"]),i["a"].use(ha),i["a"].config.productionTip=!1,i["a"].prototype.$Toast=_a,new i["a"]({router:h,store:v,render:function(t){return t(d)}}).$mount("#app")},"578c":function(t,e,a){},"5c0b":function(t,e,a){"use strict";var i=a("9c0c"),n=a.n(i);n.a},"610d":function(t,e,a){},6130:function(t,e,a){},"7dd0a":function(t,e,a){},8052:function(t,e,a){},"817a":function(t,e,a){},"831d":function(t,e,a){},8369:function(t,e,a){},"8fda":function(t,e,a){"use strict";var i=a("e348"),n=a.n(i);n.a},"932b":function(t,e,a){},"97a8":function(t,e,a){"use strict";var i=a("2fa1"),n=a.n(i);n.a},"981a":function(t,e,a){"use strict";var i=a("b132"),n=a.n(i);n.a},"9c0c":function(t,e,a){},a227:function(t,e,a){},b0bc:function(t,e,a){},b132:function(t,e,a){},b19f:function(t,e,a){},b75c:function(t,e,a){"use strict";var i=a("8369"),n=a.n(i);n.a},be35:function(t,e,a){},c148:function(t,e,a){},c690:function(t,e,a){},cdb8:function(t,e,a){},ce5c:function(t,e,a){"use strict";var i=a("4407"),n=a.n(i);n.a},ce8c:function(t,e,a){"use strict";var i=a("831d"),n=a.n(i);n.a},cedb:function(t,e,a){"use strict";var i=a("f6fa"),n=a.n(i);n.a},d903:function(t,e,a){"use strict";var i=a("8052"),n=a.n(i);n.a},da3e:function(t,e,a){"use strict";var i=a("e19d"),n=a.n(i);n.a},db5a:function(t,e,a){"use strict";var i=a("6130"),n=a.n(i);n.a},e19d:function(t,e,a){},e348:function(t,e,a){},e9f0:function(t,e,a){"use strict";var i=a("ffaa"),n=a.n(i);n.a},ee6c:function(t,e,a){"use strict";var i=a("c148"),n=a.n(i);n.a},f35c:function(t,e,a){"use strict";var i=a("184c"),n=a.n(i);n.a},f46b:function(t,e,a){"use strict";var i=a("0587"),n=a.n(i);n.a},f69f:function(t,e,a){},f6fa:function(t,e,a){},f901:function(t,e,a){"use strict";var i=a("f69f"),n=a.n(i);n.a},fb0e:function(t,e,a){"use strict";var i=a("cdb8"),n=a.n(i);n.a},ff42:function(t,e,a){"use strict";var i=a("1890"),n=a.n(i);n.a},ffaa:function(t,e,a){}});
|