").append(x.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Cn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?_n(_n(e,x.ajaxSettings),t):_n(x.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,l,u,c,p=x.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?x(f):x.event,h=x.Deferred(),g=x.Callbacks("once memory"),m=p.statusCode||{},y={},v={},b=0,w="canceled",C={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return b||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>b)for(t in e)m[t]=[m[t],e[t]];else C.always(e[C.status]);return this},abort:function(e){var t=e||w;return u&&u.abort(t),k(0,t),this}};if(h.promise(C).complete=g.add,C.success=C.done,C.error=C.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=x.trim(p.dataType||"*").toLowerCase().match(T)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?"80":"443"))===(mn[3]||("http:"===mn[1]?"80":"443")))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=x.param(p.data,p.traditional)),qn(An,p,n,C),2===b)return C;l=p.global,l&&0===x.active++&&x.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Nn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(x.lastModified[o]&&C.setRequestHeader("If-Modified-Since",x.lastModified[o]),x.etag[o]&&C.setRequestHeader("If-None-Match",x.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&C.setRequestHeader("Content-Type",p.contentType),C.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)C.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,C,p)===!1||2===b))return C.abort();w="abort";for(i in{success:1,error:1,complete:1})C[i](p[i]);if(u=qn(jn,p,n,C)){C.readyState=1,l&&d.trigger("ajaxSend",[C,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){C.abort("timeout")},p.timeout));try{b=1,u.send(y,k)}catch(N){if(!(2>b))throw N;k(-1,N)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,N=n;2!==b&&(b=2,s&&clearTimeout(s),u=t,a=i||"",C.readyState=e>0?4:0,c=e>=200&&300>e||304===e,r&&(w=Mn(p,C,r)),w=On(p,w,C,c),c?(p.ifModified&&(T=C.getResponseHeader("Last-Modified"),T&&(x.lastModified[o]=T),T=C.getResponseHeader("etag"),T&&(x.etag[o]=T)),204===e||"HEAD"===p.type?N="nocontent":304===e?N="notmodified":(N=w.state,y=w.data,v=w.error,c=!v)):(v=N,(e||!N)&&(N="error",0>e&&(e=0))),C.status=e,C.statusText=(n||N)+"",c?h.resolveWith(f,[y,N,C]):h.rejectWith(f,[C,N,v]),C.statusCode(m),m=t,l&&d.trigger(c?"ajaxSuccess":"ajaxError",[C,p,c?y:v]),g.fireWith(f,[C,N]),l&&(d.trigger("ajaxComplete",[C,p]),--x.active||x.event.trigger("ajaxStop")))}return C},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,n){return x.get(e,t,n,"script")}}),x.each(["get","post"],function(e,n){x[n]=function(e,r,i,o){return x.isFunction(r)&&(o=o||i,i=r,r=t),x.ajax({url:e,type:n,dataType:o,data:r,success:i})}});function Mn(e,n,r){var i,o,a,s,l=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in l)if(l[s]&&l[s].test(o)){u.unshift(s);break}if(u[0]in r)a=u[0];else{for(s in r){if(!u[0]||e.converters[s+" "+u[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==u[0]&&u.unshift(a),r[a]):t}function On(e,t,n,r){var i,o,a,s,l,u={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)u[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!l&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),l=o,o=c.shift())if("*"===o)o=l;else if("*"!==l&&l!==o){if(a=u[l+" "+o]||u["* "+o],!a)for(i in u)if(s=i.split(" "),s[1]===o&&(a=u[l+" "+s[0]]||u["* "+s[0]])){a===!0?a=u[i]:u[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(p){return{state:"parsererror",error:a?p:"No conversion from "+l+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),x.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=a.head||x("head")[0]||a.documentElement;return{send:function(t,i){n=a.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var Fn=[],Bn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Fn.pop()||x.expando+"_"+vn++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,l=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return l||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=x.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,l?n[l]=n[l].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||x.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,Fn.push(o)),s&&x.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}x.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=x.ajaxSettings.xhr(),x.support.cors=!!Rn&&"withCredentials"in Rn,Rn=x.support.ajax=!!Rn,Rn&&x.ajaxTransport(function(n){if(!n.crossDomain||x.support.cors){var r;return{send:function(i,o){var a,s,l=n.xhr();if(n.username?l.open(n.type,n.url,n.async,n.username,n.password):l.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)l[s]=n.xhrFields[s];n.mimeType&&l.overrideMimeType&&l.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)l.setRequestHeader(s,i[s])}catch(u){}l.send(n.hasContent&&n.data||null),r=function(e,i){var s,u,c,p;try{if(r&&(i||4===l.readyState))if(r=t,a&&(l.onreadystatechange=x.noop,$n&&delete Pn[a]),i)4!==l.readyState&&l.abort();else{p={},s=l.status,u=l.getAllResponseHeaders(),"string"==typeof l.responseText&&(p.text=l.responseText);try{c=l.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,u)},n.async?4===l.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},x(e).unload($n)),Pn[a]=r),l.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+w+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Yn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),a=(x.cssNumber[e]||"px"!==o&&+r)&&Yn.exec(x.css(n.elem,e)),s=1,l=20;if(a&&a[3]!==o){o=o||a[3],i=i||[],a=+r||1;do s=s||".5",a/=s,x.style(n.elem,e,a+o);while(s!==(s=n.cur()/r)&&1!==s&&--l)}return i&&(a=n.start=+a||+r||0,n.unit=o,n.end=i[1]?a+(i[1]+1)*i[2]:+i[2]),n}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=x.now()}function Zn(e,t,n){var r,i=(Qn[t]||[]).concat(Qn["*"]),o=0,a=i.length;for(;a>o;o++)if(r=i[o].call(n,t,e))return r}function er(e,t,n){var r,i,o=0,a=Gn.length,s=x.Deferred().always(function(){delete l.elem}),l=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,u.startTime+u.duration-t),r=n/u.duration||0,o=1-r,a=0,l=u.tweens.length;for(;l>a;a++)u.tweens[a].run(o);return s.notifyWith(e,[u,o,n]),1>o&&l?n:(s.resolveWith(e,[u]),!1)},u=s.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,u.opts,t,n,u.opts.specialEasing[t]||u.opts.easing);return u.tweens.push(r),r},stop:function(t){var n=0,r=t?u.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)u.tweens[n].run(1);return t?s.resolveWith(e,[u,t]):s.rejectWith(e,[u,t]),this}}),c=u.props;for(tr(c,u.opts.specialEasing);a>o;o++)if(r=Gn[o].call(u,e,c,u.opts))return r;return x.map(c,Zn,u),x.isFunction(u.opts.start)&&u.opts.start.call(e,u),x.fx.timer(x.extend(l,{elem:e,anim:u,queue:u.opts.queue})),u.progress(u.opts.progress).done(u.opts.done,u.opts.complete).fail(u.opts.fail).always(u.opts.always)}function tr(e,t){var n,r,i,o,a;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=x.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(er,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,l,u=this,c={},p=e.style,f=e.nodeType&&nn(e),d=x._data(e,"fxshow");n.queue||(s=x._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,l=s.empty.fire,s.empty.fire=function(){s.unqueued||l()}),s.unqueued++,u.always(function(){u.always(function(){s.unqueued--,x.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(x.support.inlineBlockNeedsLayout&&"inline"!==ln(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",x.support.shrinkWrapBlocks||u.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],Vn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show"))continue;c[r]=d&&d[r]||x.style(e,r)}if(!x.isEmptyObject(c)){d?"hidden"in d&&(f=d.hidden):d=x._data(e,"fxshow",{}),o&&(d.hidden=!f),f?x(e).show():u.done(function(){x(e).hide()}),u.done(function(){var t;x._removeData(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)a=Zn(f?d[r]:0,r,u),r in d||(d[r]=a.start,f&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}x.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),a=function(){var t=er(this,x.extend({},e),o);(i||x._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=x.timers,a=x._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=x._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,a=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=rr.prototype.init,x.fx.tick=function(){var e,n=x.timers,r=0;for(Xn=x.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||x.fx.stop(),Xn=t},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){Un||(Un=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(Un),Un=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){x.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,x.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},x.offset={setOffset:function(e,t,n){var r=x.css(e,"position");"static"===r&&(e.style.position="relative");var i=x(e),o=i.offset(),a=x.css(e,"top"),s=x.css(e,"left"),l=("absolute"===r||"fixed"===r)&&x.inArray("auto",[a,s])>-1,u={},c={},p,f;l?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),x.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(u.top=t.top-o.top+p),null!=t.left&&(u.left=t.left-o.left+f),"using"in t?t.using.call(e,u):i.css(u)}},x.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===x.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(n=e.offset()),n.top+=x.css(e[0],"borderTopWidth",!0),n.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-x.css(r,"marginTop",!0),left:t.left-n.left-x.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);x.fn[e]=function(i){return x.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?x(a).scrollLeft():o,r?o:x(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return x.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}x.each({Height:"height",Width:"width"},function(e,n){x.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){x.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return x.access(this,function(n,r,i){var o;return x.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?x.css(n,r,s):x.style(n,r,i,s)},n,a?i:t,a,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:(e.jQuery=e.$=x,"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}))})(window);
diff --git a/poem/js/test-1024.js b/poem/js/test-1024.js
new file mode 100644
index 0000000..fcfaafb
--- /dev/null
+++ b/poem/js/test-1024.js
@@ -0,0 +1,1165 @@
+/****** PLACE YOUR CUSTOM STYLES HERE ******/
+
+var legal_person_data = {"uploadData":[{"count":630},{"count":986},{"count":792},{"count":642},{"count":521},{"count":573}
+ ,{"count":832},{"count":747},{"count":983},{"count":836},{"count":831},{"count":633}],
+ "updateData":[{"count":110},{"count":181},{"count":123},{"count":197},{"count":123},{"count":173}
+ ,{"count":123},{"count":151},{"count":101},{"count":152},{"count":101},{"count":177}],
+ "viewData":[{"count":651},{"count":842},{"count":223},{"count":223},{"count":221},{"count":812}
+ ,{"count":928},{"count":219},{"count":613},{"count":254},{"count":981},{"count":301}]};
+var people_data = {"uploadData":[{"count":1300},{"count":1686},{"count":1692},{"count":1742},{"count":1621},{"count":773}
+ ,{"count":832},{"count":1047},{"count":1483},{"count":1336},{"count":831},{"count":973}],
+ "updateData":[{"count":103},{"count":281},{"count":203},{"count":197},{"count":173},{"count":154}
+ ,{"count":223},{"count":251},{"count":201},{"count":252},{"count":201},{"count":277}],
+ "viewData":[{"count":651},{"count":842},{"count":223},{"count":223},{"count":221},{"count":812}
+ ,{"count":928},{"count":219},{"count":613},{"count":254},{"count":981},{"count":301}]};
+var picture_data = {"uploadData":[{"count":330},{"count":786},{"count":492},{"count":842},{"count":421},{"count":673}
+ ,{"count":932},{"count":447},{"count":583},{"count":436},{"count":331},{"count":433}],
+ "updateData":[{"count":10},{"count":81},{"count":23},{"count":97},{"count":23},{"count":73}
+ ,{"count":23},{"count":51},{"count":01},{"count":52},{"count":01},{"count":77}],
+ "viewData":[{"count":451},{"count":342},{"count":523},{"count":323},{"count":421},{"count":812}
+ ,{"count":728},{"count":619},{"count":613},{"count":554},{"count":481},{"count":301}]};
+
+var Tpl1 = '
' +
+ '5681
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1331
' +
+ '更新量' +
+ '' +
+ '
' +
+ '3753
' +
+ '共享次数' +
+ '' ;
+var Tpl2 = '
' +
+ '3971
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1141
' +
+ '更新量' +
+ '' +
+ '
' +
+ '3753
' +
+ '共享次数' +
+ '' ;
+var Tpl3 = '
' +
+ '4742
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1231
' +
+ '更新量' +
+ '' +
+ '
' +
+ '2983
' +
+ '共享次数' +
+ '' ;
+$('.com-screen-content .use-data').html(Tpl1);
+// 基于准备好的dom,初始化echarts实例
+var myChart1= echarts.init(document.getElementById('main1'));
+var myChart2 = echarts.init(document.getElementById('main2'));
+var myChart3 = echarts.init(document.getElementById('main3'));
+//var myChart4 = echarts.init(document.getElementById('main4'));
+var myChart5 = echarts.init(document.getElementById('main5'));
+var myChart6 = echarts.init(document.getElementById('main6'));
+var myChart7 = echarts.init(document.getElementById('main7'));
+
+getNowFormatDate();
+init_myChart1();
+init_myChart2();
+init_myChart3(legal_person_data);
+init_myChart5();
+init_myChart6();
+init_myChart7();
+
+
+function init_myChart3(data) {
+
+ var uploadCnt = [];
+ var updateCnt = [];
+
+ var viewCnt = [];
+ if (data.uploadData != null) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ }
+ }
+ if (data.updateData != null) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+
+ if (data.viewData != null) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+
+ tooltip: {
+ trigger: 'axis',
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ legend: {
+ icon: 'circle',
+ itemWidth: 8,
+ itemHeight: 8,
+ itemGap: 10,
+ top: '16',
+ right: '10',
+ data: ['数据总量','共享次数','更新量'],
+ textStyle: {
+ fontSize: 10,
+ color: '#a0a8b9'
+ }
+ },
+ grid: {
+ top: '46',
+ left: '13%',
+ right: '10',
+ //bottom: '10%',
+ containLabel: false
+ },
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: {
+ interval: 0,
+ fontSize:10
+ },
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisTick: {
+ show: false
+ },
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月'],
+ offset: 10
+ }],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisLabel: {
+ margin: 10,
+ textStyle: {
+ fontSize: 10
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#2b3646'
+ }
+ },
+ axisTick: {
+ show: false
+ }
+ }],
+ series: [{
+ name: '数据总量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(137, 189, 27, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(137, 189, 27, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#1cc840'
+ }
+ },
+ data: uploadCnt
+ }, {
+ name: '共享次数',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(219, 50, 51, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(219, 50, 51, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#eb5690'
+ }
+ },
+ data: viewCnt
+ }, {
+ name: '更新量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 136, 212, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(0, 136, 212, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#43bbfb'
+ }
+ },
+ data: updateCnt
+ }
+ ]
+ };
+ myChart3.setOption(option);
+}
+function init_myChart2() {
+ var data = {"uploadData":[{"count":3230},{"count":2986},{"count":3392},{"count":2642},{"count":3521},{"count":2573}
+ ,{"count":3132},{"count":3147},{"count":3283},{"count":3336},{"count":3831},{"count":3633}],
+ "updateData":[{"count":310},{"count":281},{"count":123},{"count":97},{"count":323},{"count":373}
+ ,{"count":423},{"count":451},{"count":501},{"count":452},{"count":201},{"count":177}],
+ "viewData":[{"count":1651},{"count":1842},{"count":2223},{"count":2123},{"count":2021},{"count":1812}
+ ,{"count":1928},{"count":2019},{"count":2613},{"count":2754},{"count":2981},{"count":3001}]};
+ var uploadCnt = [];
+ var updateCnt = [];
+
+ var viewCnt = [];
+ if (data.uploadData != null) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ }
+ }
+ if (data.updateData != null) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+
+ if (data.viewData != null) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+
+ tooltip: {
+ trigger: 'axis',
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ legend: {
+ icon: 'circle',
+ itemWidth: 8,
+ itemHeight: 8,
+ itemGap: 10,
+ top: '16',
+ right: '10',
+ data: ['数据总量','共享次数','更新量'],
+ textStyle: {
+ fontSize: 10,
+ color: '#a0a8b9'
+ }
+ },
+ grid: {
+ top:'46',
+ left: '13%',
+ right: '10',
+ //bottom: '10%',
+ containLabel: false
+ },
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: {
+ interval: 0,
+ fontSize:10
+ },
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisTick: {
+ show: false
+ },
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月'],
+ offset: 10
+ }],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisLabel: {
+ margin: 10,
+ textStyle: {
+ fontSize: 10
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#2b3646'
+ }
+ },
+ axisTick: {
+ show: false
+ }
+ }],
+ series: [{
+ name: '数据总量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(137, 189, 27, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(137, 189, 27, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#1cc840'
+ }
+ },
+ data: uploadCnt
+ }, {
+ name: '共享次数',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(219, 50, 51, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(219, 50, 51, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#eb5690'
+ }
+ },
+ data: viewCnt
+ }, {
+ name: '更新量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 136, 212, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(0, 136, 212, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#43bbfb'
+ }
+ },
+ data: updateCnt
+ }
+ ]
+ };
+ myChart2.setOption(option);
+}
+function init_myChart1(){
+ option = {
+ tooltip : {
+ trigger: 'item',
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ color:['#8fc31f','#f35833','#00ccff','#ffcc00','#f5e965','#a74faf','#ff9668'],
+
+ series : [
+ {
+ name: '资源总量构成',
+ type: 'pie',
+ radius : '20%',
+ center: ['50%', '50%'],
+ data:[
+ {value:435, name:'公安局'},
+ {value:679, name:'民政局'},
+ {value:848, name:'气象局'},
+ {value:348, name:'统计局'},
+ {value:679, name:'交通局'},
+ {value:848, name:'人社局'},
+ {value:1348, name:'其他'}
+ ],
+ itemStyle: {
+ emphasis: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ },
+ itemStyle: {
+ normal: {
+ label:{
+ show: true,
+ // position:'inside',
+ formatter: '{b} : {c} ({d}%)' ,
+ fontSize : 8, //文字的字体大小
+ }
+ },
+ labelLine :{show:true}
+ }
+ }
+ ]
+ };
+// 使用刚指定的配置项和数据显示图表。
+ myChart1.setOption(option);
+}
+
+function init_myChart5(){
+ //var XData=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
+ //var yData=[1243,2315,1164,3021,3521,4121,2001,1983,2541,2612,2331,1992];
+ var XData=["一月","二月","三月","四月","五月","六月","七月","八月","九月"];
+ var yData=[1243,2315,1164,3021,3521,4121,2001,1983,1432];
+ option = {
+ backgroundColor:"",
+ xAxis: {
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ show: false
+ },
+ splitArea: {
+ show: false
+ },
+ data: XData,
+ axisLabel: {
+ formatter: function(value) {
+ var ret = ""; //拼接加\n返回的类目项
+ var maxLength = 1; //每项显示文字个数
+ var valLength = value.length; //X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1) //如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = ""; //每次截取的字符串
+ var start = i * maxLength; //开始截取的位置
+ var end = start + maxLength; //结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ } else {
+ return value;
+ }
+ },
+ interval: 0,
+ fontSize: 10,
+ fontWeight: 100,
+ textStyle: {
+ color: '#9faeb5',
+
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#4d4d4d'
+ }
+ }
+ },
+ yAxis: {
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ show: false
+ },
+ splitArea: {
+ show: false
+ },
+
+ axisLabel: {
+ textStyle: {
+ color: '#9faeb5',
+ fontSize: 10,
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#4d4d4d'
+ }
+ }
+ },
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ series: [{
+ name:'共享次数',
+ type:"bar",
+ itemStyle: {
+ normal: {
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0,
+ color: '#00d386' // 0% 处的颜色
+ }, {
+ offset: 1,
+ color: '#0076fc' // 100% 处的颜色
+ }],
+ globalCoord: false // 缺省为 false
+ },
+ barBorderRadius: 15,
+ }
+ },
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ data: yData,
+ barWidth: 16,
+ },{
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ /* color:'#c4cddc'*/
+ }
+ },
+ data:yData
+ }]
+ };
+ myChart5.setOption(option);
+}
+//刷新myChart5数据
+
+
+
+function init_myChart6(){
+ var data = {"uploadData":[{"count":5421,"areaName":"公共服务"},{"count":6512,"areaName":"健康保障"},{"count":3721,"areaName":"安全生产"},{"count":2842,"areaName":"价格监督"}
+ ,{"count":6427,"areaName":"能源安全"},{"count":4422,"areaName":"信用体系"},{"count":1020,"areaName":"城乡建设"},{"count":1421,"areaName":"社区治理"},{"count":1776,"areaName":"生态环保"}
+ ,{"count":2428,"areaName":"应急维稳"}]};
+ var uploadCnt = [];
+ var updateCnt = [];
+ //var collectionCnt = [];
+ //var dailyCnt = [];
+ var viewCnt = [];
+ var areaNameS = [];
+ if (data.uploadData) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ areaNameS.push(data.uploadData[i].areaName);
+ }
+ }
+ if (data.updateData) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+ if (data.viewData) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ "grid": {
+ "top": '40',
+ "left": '30',
+ "right": '10',
+ "bottom": '40',
+
+ textStyle: {
+ color: "#fff"
+ }
+ },
+ "legend": {
+ right: '24',
+ top: "24",
+ itemWidth: 8,
+ itemHeight: 12,
+ textStyle: {
+ color: '#fff',
+ fontSize:10
+ },
+ "data": ['资源总量'],
+
+ },
+ "calculable": true,
+ xAxis: [{
+ 'type': 'category',
+ "axisTick": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:10,
+ formatter:function(value)
+ {
+ var ret = "";//拼接加\n返回的类目项
+ var maxLength = 2;//每项显示文字个数
+ var valLength = value.length;//X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1)//如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//每次截取的字符串
+ var start = i * maxLength;//开始截取的位置
+ var end = start + maxLength;//结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+
+
+
+ },
+ "splitArea": {
+ "show": false
+ },
+ 'data': areaNameS,
+ splitLine: {
+ show: false
+ }
+ }],
+ "yAxis": [
+ {
+ "type": "value",
+ offset: -14,
+ "splitLine": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisTick": {
+ "show": false
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:10
+
+ },
+ "splitArea": {
+ "show": false
+ }
+ }],
+
+ "series": [
+ {
+ "name": "资源总量",
+ "type": "bar",
+
+ "barGap": "10%",
+ itemStyle: {//图形样式
+ normal: {
+ "color": '#4a4df0'
+ }
+ },
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ "data": uploadCnt,
+ barWidth: 14,
+ },{
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ color:'#c7b198'
+ }
+ },
+ data:[5421, 6512, 4621, 2842,6427, 4422,1020,1421,1776,2428],
+
+ }
+ ]
+ };
+
+// 使用刚指定的配置项和数据显示图表。
+ myChart6.setOption(option);
+}
+
+function init_myChart7(){
+
+
+var colorList = [
+ '#ff2600',
+ '#ffc000',
+ '#00ad4e',
+ '#0073c2',
+ '#165868',
+ '#e76f00',
+ '#316194',
+ '#723761',
+ '#00b2f1',
+ '#4d6022',
+ '#4b83bf',
+ '#f9c813',
+ '#0176c0'
+];
+var xData = ['公共服务','健康保障','安全生产','价格监督','能源安全','信用体系', '城乡建设', '社区治理', '生态环保','应急维稳'];
+var yData = [2912,3991,4621,3941,3313,6631,5543,4463,6541,3381];
+option = {
+ color:colorList,
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ toolbox: {
+ show : true,
+ feature : {
+ mark : {
+ show: true
+ },
+
+ }
+ },
+ grid: {
+ "borderWidth": 0,
+ "top": '40',
+ "left": '30',
+ "right": '10',
+ "bottom": '40',
+ textStyle: {
+ color: "#fff"
+ }
+ },
+ xAxis : [
+ {
+ 'type': 'category',
+ "axisTick": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:10,
+ formatter:function(value)
+ {
+ var ret = "";//拼接加\n返回的类目项
+ var maxLength = 2;//每项显示文字个数
+ var valLength = value.length;//X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1)//如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//每次截取的字符串
+ var start = i * maxLength;//开始截取的位置
+ var end = start + maxLength;//结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+ },
+ "splitArea": {
+ "show": false
+ },
+ 'data': xData,
+ splitLine: {
+ show: false
+ },
+
+ }
+ ],
+ yAxis : [
+ {
+ "type": "value",
+ offset: -14,
+ "splitLine": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisTick": {
+ "show": false
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:10
+
+ },
+ "splitArea": {
+ "show": false
+ }
+ }
+
+ ],
+ series : [
+ {
+ name:'共享次数',
+ type:'bar',
+ data:yData,
+ itemStyle: {
+ normal: {
+ color: function(params) {
+ // build a color map as your need.
+ var colorList = [
+ '#ff2600',
+ '#ffc000',
+ '#00ad4e',
+ '#0073c2',
+ '#165868',
+ '#e76f00',
+ '#316194',
+ '#723761',
+ '#00b2f1',
+ '#4d6022',
+ '#4b83bf',
+ '#f9c813',
+ '#0176c0'
+ ];
+ return colorList[params.dataIndex]
+ },
+
+ }
+ },
+ barWidth: 14,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ },
+ {
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ color:'#d3d5fd'
+ }
+ },
+ data:yData
+ }
+
+ ]
+};
+
+
+// 使用刚指定的配置项和数据显示图表。
+ myChart7.setOption(option);
+}
+//获取当前时间
+function getNowFormatDate() {
+ var date = new Date();
+ var year = date.getFullYear();
+ var month = date.getMonth() + 1;
+ var strDate = date.getDate();
+ var Hour = date.getHours(); // 获取当前小时数(0-23)
+ var Minute = date.getMinutes(); // 获取当前分钟数(0-59)
+ var Second = date.getSeconds(); // 获取当前秒数(0-59)
+ var show_day=new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
+ var day=date.getDay();
+ if (Hour<10) {
+ Hour = "0" + Hour;
+ }
+ if (Minute <10) {
+ Minute = "0" + Minute;
+ }
+ if (Second <10) {
+ Second = "0" + Second;
+ }
+ if (month >= 1 && month <= 9) {
+ month = "0" + month;
+ }
+ if (strDate >= 0 && strDate <= 9) {
+ strDate = "0" + strDate;
+ }
+ var currentdate = '
'+year + '年' + month +'月' + strDate+'号
'+show_day[day]+'
';
+ var HMS = Hour + ':' + Minute +':' + Second;
+ var temp_time = year+'-'+month+'-'+strDate+' '+HMS;
+ $('.nowTime li:nth-child(1)').html(HMS);
+ $('.nowTime li:nth-child(2)').html(currentdate);
+ //$('.topRec_List li div:nth-child(3)').html(temp_time);
+ setTimeout(getNowFormatDate,1000);//每隔1秒重新调用一次该函数
+}
+var resourceDataType = $('.data-label li.active').data('type');//用于切换基础库
+function urlType() {
+ resourceDataType = $('.data-label li.active').data('type');
+ if (resourceDataType == 1) {
+ init_myChart3(legal_person_data);
+ $('.com-screen-content .use-data').html(Tpl1);
+ } else if (resourceDataType == 2) {
+ init_myChart3(people_data);
+ $('.com-screen-content .use-data').html(Tpl2);
+ } else if (resourceDataType == 3) {
+ init_myChart3( picture_data);
+ $('.com-screen-content .use-data').html(Tpl3);
+ }
+}
+var num =0 ;
+// 资源类型定时器
+function resourceType() {
+ $('.data-label li').eq(num).addClass('active').siblings().removeClass('active');
+ //$('.active-data-label').html($('.canvas-pic-two .data-label li.active').html());
+ urlType();
+ num++;
+ if (num >= 3) {
+ num = 0;
+ }
+}
+
+// 资源类型点击切换
+$('.data-label').on('click', 'li', function () {
+ $(this).addClass('active').siblings().removeClass('active');
+ $('.active-data-label').html($('.data-label li.active').html());
+ urlType();
+});
+var oTimer = setInterval(resourceType, 3000);
+// hover清除定时器
+$('.data-label').hover(function () {
+ clearInterval(oTimer);
+}, function () {
+ oTimer = setInterval(resourceType, 3000);
+});
+
+/*function resize(){
+ window.addEventListener("resize", () => {
+ this.myChart1.resize;
+ this.myChart2.resize;
+ this.myChart3.resize;
+ this.myChart5.resize;
+ this.myChart6.resize;
+ this.myChart7.resize;
+});
+}*/
+
+setInterval(function (){
+ window.onresize = function () {
+ this.myChart1.resize;
+ this.myChart2.resize;
+ this.myChart3.resize;
+ this.myChart5.resize;
+ this.myChart6.resize;
+ this.myChart7.resize;
+ }
+},200)
+
+//myChart7.resize();
diff --git a/poem/js/test-1280.js b/poem/js/test-1280.js
new file mode 100644
index 0000000..7518695
--- /dev/null
+++ b/poem/js/test-1280.js
@@ -0,0 +1,1165 @@
+/****** PLACE YOUR CUSTOM STYLES HERE ******/
+
+var legal_person_data = {"uploadData":[{"count":630},{"count":986},{"count":792},{"count":642},{"count":521},{"count":573}
+ ,{"count":832},{"count":747},{"count":983},{"count":836},{"count":831},{"count":633}],
+ "updateData":[{"count":110},{"count":181},{"count":123},{"count":197},{"count":123},{"count":173}
+ ,{"count":123},{"count":151},{"count":101},{"count":152},{"count":101},{"count":177}],
+ "viewData":[{"count":651},{"count":842},{"count":223},{"count":223},{"count":221},{"count":812}
+ ,{"count":928},{"count":219},{"count":613},{"count":254},{"count":981},{"count":301}]};
+var people_data = {"uploadData":[{"count":1300},{"count":1686},{"count":1692},{"count":1742},{"count":1621},{"count":773}
+ ,{"count":832},{"count":1047},{"count":1483},{"count":1336},{"count":831},{"count":973}],
+ "updateData":[{"count":103},{"count":281},{"count":203},{"count":197},{"count":173},{"count":154}
+ ,{"count":223},{"count":251},{"count":201},{"count":252},{"count":201},{"count":277}],
+ "viewData":[{"count":651},{"count":842},{"count":223},{"count":223},{"count":221},{"count":812}
+ ,{"count":928},{"count":219},{"count":613},{"count":254},{"count":981},{"count":301}]};
+var picture_data = {"uploadData":[{"count":330},{"count":786},{"count":492},{"count":842},{"count":421},{"count":673}
+ ,{"count":932},{"count":447},{"count":583},{"count":436},{"count":331},{"count":433}],
+ "updateData":[{"count":10},{"count":81},{"count":23},{"count":97},{"count":23},{"count":73}
+ ,{"count":23},{"count":51},{"count":01},{"count":52},{"count":01},{"count":77}],
+ "viewData":[{"count":451},{"count":342},{"count":523},{"count":323},{"count":421},{"count":812}
+ ,{"count":728},{"count":619},{"count":613},{"count":554},{"count":481},{"count":301}]};
+
+var Tpl1 = '
' +
+ '5681
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1331
' +
+ '更新量' +
+ '' +
+ '
' +
+ '3753
' +
+ '共享次数' +
+ '' ;
+var Tpl2 = '
' +
+ '3971
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1141
' +
+ '更新量' +
+ '' +
+ '
' +
+ '3753
' +
+ '共享次数' +
+ '' ;
+var Tpl3 = '
' +
+ '4742
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1231
' +
+ '更新量' +
+ '' +
+ '
' +
+ '2983
' +
+ '共享次数' +
+ '' ;
+$('.com-screen-content .use-data').html(Tpl1);
+// 基于准备好的dom,初始化echarts实例
+var myChart1= echarts.init(document.getElementById('main1'));
+var myChart2 = echarts.init(document.getElementById('main2'));
+var myChart3 = echarts.init(document.getElementById('main3'));
+//var myChart4 = echarts.init(document.getElementById('main4'));
+var myChart5 = echarts.init(document.getElementById('main5'));
+var myChart6 = echarts.init(document.getElementById('main6'));
+var myChart7 = echarts.init(document.getElementById('main7'));
+
+getNowFormatDate();
+init_myChart1();
+init_myChart2();
+init_myChart3(legal_person_data);
+init_myChart5();
+init_myChart6();
+init_myChart7();
+
+
+function init_myChart3(data) {
+
+ var uploadCnt = [];
+ var updateCnt = [];
+
+ var viewCnt = [];
+ if (data.uploadData != null) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ }
+ }
+ if (data.updateData != null) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+
+ if (data.viewData != null) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+
+ tooltip: {
+ trigger: 'axis',
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ legend: {
+ icon: 'circle',
+ itemWidth: 8,
+ itemHeight: 8,
+ itemGap: 10,
+ top: '16',
+ right: '10',
+ data: ['数据总量','共享次数','更新量'],
+ textStyle: {
+ fontSize: 14,
+ color: '#a0a8b9'
+ }
+ },
+ grid: {
+ top: '46',
+ left: '13%',
+ right: '10',
+ //bottom: '10%',
+ containLabel: false
+ },
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: {
+ interval: 0,
+ fontSize:14
+ },
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisTick: {
+ show: false
+ },
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月'],
+ offset: 10
+ }],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisLabel: {
+ margin: 10,
+ textStyle: {
+ fontSize: 14
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#2b3646'
+ }
+ },
+ axisTick: {
+ show: false
+ }
+ }],
+ series: [{
+ name: '数据总量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(137, 189, 27, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(137, 189, 27, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#1cc840'
+ }
+ },
+ data: uploadCnt
+ }, {
+ name: '共享次数',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(219, 50, 51, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(219, 50, 51, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#eb5690'
+ }
+ },
+ data: viewCnt
+ }, {
+ name: '更新量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 136, 212, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(0, 136, 212, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#43bbfb'
+ }
+ },
+ data: updateCnt
+ }
+ ]
+ };
+ myChart3.setOption(option);
+}
+function init_myChart2() {
+ var data = {"uploadData":[{"count":3230},{"count":2986},{"count":3392},{"count":2642},{"count":3521},{"count":2573}
+ ,{"count":3132},{"count":3147},{"count":3283},{"count":3336},{"count":3831},{"count":3633}],
+ "updateData":[{"count":310},{"count":281},{"count":123},{"count":97},{"count":323},{"count":373}
+ ,{"count":423},{"count":451},{"count":501},{"count":452},{"count":201},{"count":177}],
+ "viewData":[{"count":1651},{"count":1842},{"count":2223},{"count":2123},{"count":2021},{"count":1812}
+ ,{"count":1928},{"count":2019},{"count":2613},{"count":2754},{"count":2981},{"count":3001}]};
+ var uploadCnt = [];
+ var updateCnt = [];
+
+ var viewCnt = [];
+ if (data.uploadData != null) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ }
+ }
+ if (data.updateData != null) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+
+ if (data.viewData != null) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+
+ tooltip: {
+ trigger: 'axis',
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ legend: {
+ icon: 'circle',
+ itemWidth: 8,
+ itemHeight: 8,
+ itemGap: 10,
+ top: '16',
+ right: '10',
+ data: ['数据总量','共享次数','更新量'],
+ textStyle: {
+ fontSize: 14,
+ color: '#a0a8b9'
+ }
+ },
+ grid: {
+ top:'46',
+ left: '13%',
+ right: '10',
+ //bottom: '10%',
+ containLabel: false
+ },
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: {
+ interval: 0,
+ fontSize:14
+ },
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisTick: {
+ show: false
+ },
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月'],
+ offset: 10
+ }],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisLabel: {
+ margin: 10,
+ textStyle: {
+ fontSize: 14
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#2b3646'
+ }
+ },
+ axisTick: {
+ show: false
+ }
+ }],
+ series: [{
+ name: '数据总量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(137, 189, 27, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(137, 189, 27, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#1cc840'
+ }
+ },
+ data: uploadCnt
+ }, {
+ name: '共享次数',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(219, 50, 51, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(219, 50, 51, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#eb5690'
+ }
+ },
+ data: viewCnt
+ }, {
+ name: '更新量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 136, 212, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(0, 136, 212, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#43bbfb'
+ }
+ },
+ data: updateCnt
+ }
+ ]
+ };
+ myChart2.setOption(option);
+}
+function init_myChart1(){
+ option = {
+ tooltip : {
+ trigger: 'item',
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ color:['#8fc31f','#f35833','#00ccff','#ffcc00','#f5e965','#a74faf','#ff9668'],
+
+ series : [
+ {
+ name: '资源总量构成',
+ type: 'pie',
+ radius : '30%',
+ center: ['50%', '50%'],
+ data:[
+ {value:435, name:'公安局'},
+ {value:679, name:'民政局'},
+ {value:848, name:'气象局'},
+ {value:348, name:'统计局'},
+ {value:679, name:'交通局'},
+ {value:848, name:'人社局'},
+ {value:1348, name:'其他'}
+ ],
+ itemStyle: {
+ emphasis: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ },
+ itemStyle: {
+ normal: {
+ label:{
+ show: true,
+ // position:'inside',
+ formatter: '{b} : {c} ({d}%)' ,
+ fontSize : 10, //文字的字体大小
+ }
+ },
+ labelLine :{show:true}
+ }
+ }
+ ]
+ };
+// 使用刚指定的配置项和数据显示图表。
+ myChart1.setOption(option);
+}
+
+function init_myChart5(){
+ //var XData=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
+ //var yData=[1243,2315,1164,3021,3521,4121,2001,1983,2541,2612,2331,1992];
+ var XData=["一月","二月","三月","四月","五月","六月","七月","八月","九月"];
+ var yData=[1243,2315,1164,3021,3521,4121,2001,1983,1432];
+ option = {
+ backgroundColor:"",
+ xAxis: {
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ show: false
+ },
+ splitArea: {
+ show: false
+ },
+ data: XData,
+ axisLabel: {
+ formatter: function(value) {
+ var ret = ""; //拼接加\n返回的类目项
+ var maxLength = 1; //每项显示文字个数
+ var valLength = value.length; //X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1) //如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = ""; //每次截取的字符串
+ var start = i * maxLength; //开始截取的位置
+ var end = start + maxLength; //结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ } else {
+ return value;
+ }
+ },
+ interval: 0,
+ fontSize: 14,
+ fontWeight: 100,
+ textStyle: {
+ color: '#9faeb5',
+
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#4d4d4d'
+ }
+ }
+ },
+ yAxis: {
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ show: false
+ },
+ splitArea: {
+ show: false
+ },
+
+ axisLabel: {
+ textStyle: {
+ color: '#9faeb5',
+ fontSize: 16,
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#4d4d4d'
+ }
+ }
+ },
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ series: [{
+ name:'共享次数',
+ type:"bar",
+ itemStyle: {
+ normal: {
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0,
+ color: '#00d386' // 0% 处的颜色
+ }, {
+ offset: 1,
+ color: '#0076fc' // 100% 处的颜色
+ }],
+ globalCoord: false // 缺省为 false
+ },
+ barBorderRadius: 15,
+ }
+ },
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ data: yData,
+ barWidth: 16,
+ },{
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ /* color:'#c4cddc'*/
+ }
+ },
+ data:yData
+ }]
+ };
+ myChart5.setOption(option);
+}
+//刷新myChart5数据
+
+
+
+function init_myChart6(){
+ var data = {"uploadData":[{"count":5421,"areaName":"公共服务"},{"count":6512,"areaName":"健康保障"},{"count":3721,"areaName":"安全生产"},{"count":2842,"areaName":"价格监督"}
+ ,{"count":6427,"areaName":"能源安全"},{"count":4422,"areaName":"信用体系"},{"count":1020,"areaName":"城乡建设"},{"count":1421,"areaName":"社区治理"},{"count":1776,"areaName":"生态环保"}
+ ,{"count":2428,"areaName":"应急维稳"}]};
+ var uploadCnt = [];
+ var updateCnt = [];
+ //var collectionCnt = [];
+ //var dailyCnt = [];
+ var viewCnt = [];
+ var areaNameS = [];
+ if (data.uploadData) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ areaNameS.push(data.uploadData[i].areaName);
+ }
+ }
+ if (data.updateData) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+ if (data.viewData) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ "grid": {
+ "top": '40',
+ "left": '30',
+ "right": '10',
+ "bottom": '40',
+
+ textStyle: {
+ color: "#fff"
+ }
+ },
+ "legend": {
+ right: '24',
+ top: "24",
+ itemWidth: 8,
+ itemHeight: 12,
+ textStyle: {
+ color: '#fff',
+ fontSize:14
+ },
+ "data": ['资源总量'],
+
+ },
+ "calculable": true,
+ xAxis: [{
+ 'type': 'category',
+ "axisTick": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14,
+ formatter:function(value)
+ {
+ var ret = "";//拼接加\n返回的类目项
+ var maxLength = 2;//每项显示文字个数
+ var valLength = value.length;//X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1)//如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//每次截取的字符串
+ var start = i * maxLength;//开始截取的位置
+ var end = start + maxLength;//结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+
+
+
+ },
+ "splitArea": {
+ "show": false
+ },
+ 'data': areaNameS,
+ splitLine: {
+ show: false
+ }
+ }],
+ "yAxis": [
+ {
+ "type": "value",
+ offset: -14,
+ "splitLine": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisTick": {
+ "show": false
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14
+
+ },
+ "splitArea": {
+ "show": false
+ }
+ }],
+
+ "series": [
+ {
+ "name": "资源总量",
+ "type": "bar",
+
+ "barGap": "10%",
+ itemStyle: {//图形样式
+ normal: {
+ "color": '#4a4df0'
+ }
+ },
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ "data": uploadCnt,
+ barWidth: 14,
+ },{
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ color:'#c7b198'
+ }
+ },
+ data:[5421, 6512, 4621, 2842,6427, 4422,1020,1421,1776,2428],
+
+ }
+ ]
+ };
+
+// 使用刚指定的配置项和数据显示图表。
+ myChart6.setOption(option);
+}
+
+function init_myChart7(){
+
+
+var colorList = [
+ '#ff2600',
+ '#ffc000',
+ '#00ad4e',
+ '#0073c2',
+ '#165868',
+ '#e76f00',
+ '#316194',
+ '#723761',
+ '#00b2f1',
+ '#4d6022',
+ '#4b83bf',
+ '#f9c813',
+ '#0176c0'
+];
+var xData = ['公共服务','健康保障','安全生产','价格监督','能源安全','信用体系', '城乡建设', '社区治理', '生态环保','应急维稳'];
+var yData = [2912,3991,4621,3941,3313,6631,5543,4463,6541,3381];
+option = {
+ color:colorList,
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ toolbox: {
+ show : true,
+ feature : {
+ mark : {
+ show: true
+ },
+
+ }
+ },
+ grid: {
+ "borderWidth": 0,
+ "top": '40',
+ "left": '30',
+ "right": '10',
+ "bottom": '40',
+ textStyle: {
+ color: "#fff"
+ }
+ },
+ xAxis : [
+ {
+ 'type': 'category',
+ "axisTick": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14,
+ formatter:function(value)
+ {
+ var ret = "";//拼接加\n返回的类目项
+ var maxLength = 2;//每项显示文字个数
+ var valLength = value.length;//X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1)//如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//每次截取的字符串
+ var start = i * maxLength;//开始截取的位置
+ var end = start + maxLength;//结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+ },
+ "splitArea": {
+ "show": false
+ },
+ 'data': xData,
+ splitLine: {
+ show: false
+ },
+
+ }
+ ],
+ yAxis : [
+ {
+ "type": "value",
+ offset: -14,
+ "splitLine": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisTick": {
+ "show": false
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14
+
+ },
+ "splitArea": {
+ "show": false
+ }
+ }
+
+ ],
+ series : [
+ {
+ name:'共享次数',
+ type:'bar',
+ data:yData,
+ itemStyle: {
+ normal: {
+ color: function(params) {
+ // build a color map as your need.
+ var colorList = [
+ '#ff2600',
+ '#ffc000',
+ '#00ad4e',
+ '#0073c2',
+ '#165868',
+ '#e76f00',
+ '#316194',
+ '#723761',
+ '#00b2f1',
+ '#4d6022',
+ '#4b83bf',
+ '#f9c813',
+ '#0176c0'
+ ];
+ return colorList[params.dataIndex]
+ },
+
+ }
+ },
+ barWidth: 14,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ },
+ {
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ color:'#d3d5fd'
+ }
+ },
+ data:yData
+ }
+
+ ]
+};
+
+
+// 使用刚指定的配置项和数据显示图表。
+ myChart7.setOption(option);
+}
+//获取当前时间
+function getNowFormatDate() {
+ var date = new Date();
+ var year = date.getFullYear();
+ var month = date.getMonth() + 1;
+ var strDate = date.getDate();
+ var Hour = date.getHours(); // 获取当前小时数(0-23)
+ var Minute = date.getMinutes(); // 获取当前分钟数(0-59)
+ var Second = date.getSeconds(); // 获取当前秒数(0-59)
+ var show_day=new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
+ var day=date.getDay();
+ if (Hour<10) {
+ Hour = "0" + Hour;
+ }
+ if (Minute <10) {
+ Minute = "0" + Minute;
+ }
+ if (Second <10) {
+ Second = "0" + Second;
+ }
+ if (month >= 1 && month <= 9) {
+ month = "0" + month;
+ }
+ if (strDate >= 0 && strDate <= 9) {
+ strDate = "0" + strDate;
+ }
+ var currentdate = '
'+year + '年' + month +'月' + strDate+'号
'+show_day[day]+'
';
+ var HMS = Hour + ':' + Minute +':' + Second;
+ var temp_time = year+'-'+month+'-'+strDate+' '+HMS;
+ $('.nowTime li:nth-child(1)').html(HMS);
+ $('.nowTime li:nth-child(2)').html(currentdate);
+ //$('.topRec_List li div:nth-child(3)').html(temp_time);
+ setTimeout(getNowFormatDate,1000);//每隔1秒重新调用一次该函数
+}
+var resourceDataType = $('.data-label li.active').data('type');//用于切换基础库
+function urlType() {
+ resourceDataType = $('.data-label li.active').data('type');
+ if (resourceDataType == 1) {
+ init_myChart3(legal_person_data);
+ $('.com-screen-content .use-data').html(Tpl1);
+ } else if (resourceDataType == 2) {
+ init_myChart3(people_data);
+ $('.com-screen-content .use-data').html(Tpl2);
+ } else if (resourceDataType == 3) {
+ init_myChart3( picture_data);
+ $('.com-screen-content .use-data').html(Tpl3);
+ }
+}
+var num =0 ;
+// 资源类型定时器
+function resourceType() {
+ $('.data-label li').eq(num).addClass('active').siblings().removeClass('active');
+ //$('.active-data-label').html($('.canvas-pic-two .data-label li.active').html());
+ urlType();
+ num++;
+ if (num >= 3) {
+ num = 0;
+ }
+}
+
+// 资源类型点击切换
+$('.data-label').on('click', 'li', function () {
+ $(this).addClass('active').siblings().removeClass('active');
+ $('.active-data-label').html($('.data-label li.active').html());
+ urlType();
+});
+var oTimer = setInterval(resourceType, 3000);
+// hover清除定时器
+$('.data-label').hover(function () {
+ clearInterval(oTimer);
+}, function () {
+ oTimer = setInterval(resourceType, 3000);
+});
+
+/*function resize(){
+ window.addEventListener("resize", () => {
+ this.myChart1.resize;
+ this.myChart2.resize;
+ this.myChart3.resize;
+ this.myChart5.resize;
+ this.myChart6.resize;
+ this.myChart7.resize;
+});
+}*/
+
+setInterval(function (){
+ window.onresize = function () {
+ this.myChart1.resize;
+ this.myChart2.resize;
+ this.myChart3.resize;
+ this.myChart5.resize;
+ this.myChart6.resize;
+ this.myChart7.resize;
+ }
+},200)
+
+//myChart7.resize();
diff --git a/poem/js/test-1920.js b/poem/js/test-1920.js
new file mode 100644
index 0000000..806f2a3
--- /dev/null
+++ b/poem/js/test-1920.js
@@ -0,0 +1,1165 @@
+/****** PLACE YOUR CUSTOM STYLES HERE ******/
+
+var legal_person_data = {"uploadData":[{"count":630},{"count":986},{"count":792},{"count":642},{"count":521},{"count":573}
+ ,{"count":832},{"count":747},{"count":983},{"count":836},{"count":831},{"count":633}],
+ "updateData":[{"count":110},{"count":181},{"count":123},{"count":197},{"count":123},{"count":173}
+ ,{"count":123},{"count":151},{"count":101},{"count":152},{"count":101},{"count":177}],
+ "viewData":[{"count":651},{"count":842},{"count":223},{"count":223},{"count":221},{"count":812}
+ ,{"count":928},{"count":219},{"count":613},{"count":254},{"count":981},{"count":301}]};
+var people_data = {"uploadData":[{"count":1300},{"count":1686},{"count":1692},{"count":1742},{"count":1621},{"count":773}
+ ,{"count":832},{"count":1047},{"count":1483},{"count":1336},{"count":831},{"count":973}],
+ "updateData":[{"count":103},{"count":281},{"count":203},{"count":197},{"count":173},{"count":154}
+ ,{"count":223},{"count":251},{"count":201},{"count":252},{"count":201},{"count":277}],
+ "viewData":[{"count":651},{"count":842},{"count":223},{"count":223},{"count":221},{"count":812}
+ ,{"count":928},{"count":219},{"count":613},{"count":254},{"count":981},{"count":301}]};
+var picture_data = {"uploadData":[{"count":330},{"count":786},{"count":492},{"count":842},{"count":421},{"count":673}
+ ,{"count":932},{"count":447},{"count":583},{"count":436},{"count":331},{"count":433}],
+ "updateData":[{"count":10},{"count":81},{"count":23},{"count":97},{"count":23},{"count":73}
+ ,{"count":23},{"count":51},{"count":01},{"count":52},{"count":01},{"count":77}],
+ "viewData":[{"count":451},{"count":342},{"count":523},{"count":323},{"count":421},{"count":812}
+ ,{"count":728},{"count":619},{"count":613},{"count":554},{"count":481},{"count":301}]};
+
+var Tpl1 = '
' +
+ '5681
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1331
' +
+ '更新量' +
+ '' +
+ '
' +
+ '3753
' +
+ '共享次数' +
+ '' ;
+var Tpl2 = '
' +
+ '3971
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1141
' +
+ '更新量' +
+ '' +
+ '
' +
+ '3753
' +
+ '共享次数' +
+ '' ;
+var Tpl3 = '
' +
+ '4742
' +
+ '数据总量' +
+ '' +
+ '
' +
+ '1231
' +
+ '更新量' +
+ '' +
+ '
' +
+ '2983
' +
+ '共享次数' +
+ '' ;
+$('.com-screen-content .use-data').html(Tpl1);
+// 基于准备好的dom,初始化echarts实例
+var myChart1= echarts.init(document.getElementById('main1'));
+var myChart2 = echarts.init(document.getElementById('main2'));
+var myChart3 = echarts.init(document.getElementById('main3'));
+//var myChart4 = echarts.init(document.getElementById('main4'));
+var myChart5 = echarts.init(document.getElementById('main5'));
+var myChart6 = echarts.init(document.getElementById('main6'));
+var myChart7 = echarts.init(document.getElementById('main7'));
+
+getNowFormatDate();
+init_myChart1();
+init_myChart2();
+init_myChart3(legal_person_data);
+init_myChart5();
+init_myChart6();
+init_myChart7();
+
+
+function init_myChart3(data) {
+
+ var uploadCnt = [];
+ var updateCnt = [];
+
+ var viewCnt = [];
+ if (data.uploadData != null) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ }
+ }
+ if (data.updateData != null) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+
+ if (data.viewData != null) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+
+ tooltip: {
+ trigger: 'axis',
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ legend: {
+ icon: 'circle',
+ itemWidth: 8,
+ itemHeight: 8,
+ itemGap: 10,
+ top: '16',
+ right: '10',
+ data: ['数据总量','共享次数','更新量'],
+ textStyle: {
+ fontSize: 14,
+ color: '#a0a8b9'
+ }
+ },
+ grid: {
+ top: '46',
+ left: '13%',
+ right: '10',
+ //bottom: '10%',
+ containLabel: false
+ },
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: {
+ interval: 0,
+ fontSize:14
+ },
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisTick: {
+ show: false
+ },
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月'],
+ offset: 10
+ }],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisLabel: {
+ margin: 10,
+ textStyle: {
+ fontSize: 14
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#2b3646'
+ }
+ },
+ axisTick: {
+ show: false
+ }
+ }],
+ series: [{
+ name: '数据总量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(137, 189, 27, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(137, 189, 27, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#1cc840'
+ }
+ },
+ data: uploadCnt
+ }, {
+ name: '共享次数',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(219, 50, 51, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(219, 50, 51, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#eb5690'
+ }
+ },
+ data: viewCnt
+ }, {
+ name: '更新量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 136, 212, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(0, 136, 212, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#43bbfb'
+ }
+ },
+ data: updateCnt
+ }
+ ]
+ };
+ myChart3.setOption(option);
+}
+function init_myChart2() {
+ var data = {"uploadData":[{"count":3230},{"count":2986},{"count":3392},{"count":2642},{"count":3521},{"count":2573}
+ ,{"count":3132},{"count":3147},{"count":3283},{"count":3336},{"count":3831},{"count":3633}],
+ "updateData":[{"count":310},{"count":281},{"count":123},{"count":97},{"count":323},{"count":373}
+ ,{"count":423},{"count":451},{"count":501},{"count":452},{"count":201},{"count":177}],
+ "viewData":[{"count":1651},{"count":1842},{"count":2223},{"count":2123},{"count":2021},{"count":1812}
+ ,{"count":1928},{"count":2019},{"count":2613},{"count":2754},{"count":2981},{"count":3001}]};
+ var uploadCnt = [];
+ var updateCnt = [];
+
+ var viewCnt = [];
+ if (data.uploadData != null) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ }
+ }
+ if (data.updateData != null) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+
+ if (data.viewData != null) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+
+ tooltip: {
+ trigger: 'axis',
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ legend: {
+ icon: 'circle',
+ itemWidth: 8,
+ itemHeight: 8,
+ itemGap: 10,
+ top: '16',
+ right: '10',
+ data: ['数据总量','共享次数','更新量'],
+ textStyle: {
+ fontSize: 14,
+ color: '#a0a8b9'
+ }
+ },
+ grid: {
+ top:'46',
+ left: '13%',
+ right: '10',
+ //bottom: '10%',
+ containLabel: false
+ },
+ xAxis: [{
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: {
+ interval: 0,
+ fontSize:14
+ },
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisTick: {
+ show: false
+ },
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月'],
+ offset: 10
+ }],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ lineStyle: {
+ color: '#a0a8b9'
+ }
+ },
+ axisLabel: {
+ margin: 10,
+ textStyle: {
+ fontSize: 14
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#2b3646'
+ }
+ },
+ axisTick: {
+ show: false
+ }
+ }],
+ series: [{
+ name: '数据总量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(137, 189, 27, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(137, 189, 27, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#1cc840'
+ }
+ },
+ data: uploadCnt
+ }, {
+ name: '共享次数',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(219, 50, 51, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(219, 50, 51, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#eb5690'
+ }
+ },
+ data: viewCnt
+ }, {
+ name: '更新量',
+ type: 'line',
+ smooth: true,
+ showSymbol: false,
+ lineStyle: {
+ normal: {
+ width: 2
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(0, 136, 212, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(0, 136, 212, 0)'
+ }], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#43bbfb'
+ }
+ },
+ data: updateCnt
+ }
+ ]
+ };
+ myChart2.setOption(option);
+}
+function init_myChart1(){
+ option = {
+ tooltip : {
+ trigger: 'item',
+ formatter: "{a}
{b} : {c} ({d}%)"
+ },
+ color:['#8fc31f','#f35833','#00ccff','#ffcc00','#f5e965','#a74faf','#ff9668'],
+
+ series : [
+ {
+ name: '资源总量构成',
+ type: 'pie',
+ radius : '40%',
+ center: ['50%', '50%'],
+ data:[
+ {value:435, name:'公安局'},
+ {value:679, name:'民政局'},
+ {value:848, name:'气象局'},
+ {value:348, name:'统计局'},
+ {value:679, name:'交通局'},
+ {value:848, name:'人社局'},
+ {value:1348, name:'其他'}
+ ],
+ itemStyle: {
+ emphasis: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ },
+ itemStyle: {
+ normal: {
+ label:{
+ show: true,
+ // position:'inside',
+ formatter: '{b} : {c} ({d}%)' ,
+ fontSize : 14, //文字的字体大小
+ }
+ },
+ labelLine :{show:true}
+ }
+ }
+ ]
+ };
+// 使用刚指定的配置项和数据显示图表。
+ myChart1.setOption(option);
+}
+
+function init_myChart5(){
+ //var XData=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
+ //var yData=[1243,2315,1164,3021,3521,4121,2001,1983,2541,2612,2331,1992];
+ var XData=["一月","二月","三月","四月","五月","六月","七月","八月","九月"];
+ var yData=[1243,2315,1164,3021,3521,4121,2001,1983,1432];
+ option = {
+ backgroundColor:"",
+ xAxis: {
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ show: false
+ },
+ splitArea: {
+ show: false
+ },
+ data: XData,
+ axisLabel: {
+ formatter: function(value) {
+ var ret = ""; //拼接加\n返回的类目项
+ var maxLength = 1; //每项显示文字个数
+ var valLength = value.length; //X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1) //如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = ""; //每次截取的字符串
+ var start = i * maxLength; //开始截取的位置
+ var end = start + maxLength; //结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ } else {
+ return value;
+ }
+ },
+ interval: 0,
+ fontSize: 14,
+ fontWeight: 100,
+ textStyle: {
+ color: '#9faeb5',
+
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#4d4d4d'
+ }
+ }
+ },
+ yAxis: {
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ show: false
+ },
+ splitArea: {
+ show: false
+ },
+
+ axisLabel: {
+ textStyle: {
+ color: '#9faeb5',
+ fontSize: 16,
+ }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#4d4d4d'
+ }
+ }
+ },
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ series: [{
+ name:'共享次数',
+ type:"bar",
+ itemStyle: {
+ normal: {
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0,
+ color: '#00d386' // 0% 处的颜色
+ }, {
+ offset: 1,
+ color: '#0076fc' // 100% 处的颜色
+ }],
+ globalCoord: false // 缺省为 false
+ },
+ barBorderRadius: 15,
+ }
+ },
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ data: yData,
+ barWidth: 16,
+ },{
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ /* color:'#c4cddc'*/
+ }
+ },
+ data:yData
+ }]
+ };
+ myChart5.setOption(option);
+}
+//刷新myChart5数据
+
+
+
+function init_myChart6(){
+ var data = {"uploadData":[{"count":5421,"areaName":"公共服务"},{"count":6512,"areaName":"健康保障"},{"count":3721,"areaName":"安全生产"},{"count":2842,"areaName":"价格监督"}
+ ,{"count":6427,"areaName":"能源安全"},{"count":4422,"areaName":"信用体系"},{"count":1020,"areaName":"城乡建设"},{"count":1421,"areaName":"社区治理"},{"count":1776,"areaName":"生态环保"}
+ ,{"count":2428,"areaName":"应急维稳"}]};
+ var uploadCnt = [];
+ var updateCnt = [];
+ //var collectionCnt = [];
+ //var dailyCnt = [];
+ var viewCnt = [];
+ var areaNameS = [];
+ if (data.uploadData) {
+ for (var i = 0; i < data.uploadData.length; i++) {
+ uploadCnt.push(data.uploadData[i].count);
+ areaNameS.push(data.uploadData[i].areaName);
+ }
+ }
+ if (data.updateData) {
+ for (var i = 0; i < data.updateData.length; i++) {
+ updateCnt.push(data.updateData[i].count);
+ }
+ }
+ if (data.viewData) {
+ for (var i = 0; i < data.viewData.length; i++) {
+ viewCnt.push(data.viewData[i].count);
+ }
+ }
+ option = {
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ "grid": {
+ "top": '40',
+ "left": '30',
+ "right": '10',
+ "bottom": '40',
+
+ textStyle: {
+ color: "#fff"
+ }
+ },
+ "legend": {
+ right: '24',
+ top: "24",
+ itemWidth: 8,
+ itemHeight: 12,
+ textStyle: {
+ color: '#fff',
+ fontSize:14
+ },
+ "data": ['资源总量'],
+
+ },
+ "calculable": true,
+ xAxis: [{
+ 'type': 'category',
+ "axisTick": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14,
+ formatter:function(value)
+ {
+ var ret = "";//拼接加\n返回的类目项
+ var maxLength = 2;//每项显示文字个数
+ var valLength = value.length;//X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1)//如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//每次截取的字符串
+ var start = i * maxLength;//开始截取的位置
+ var end = start + maxLength;//结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+
+
+
+ },
+ "splitArea": {
+ "show": false
+ },
+ 'data': areaNameS,
+ splitLine: {
+ show: false
+ }
+ }],
+ "yAxis": [
+ {
+ "type": "value",
+ offset: -14,
+ "splitLine": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisTick": {
+ "show": false
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14
+
+ },
+ "splitArea": {
+ "show": false
+ }
+ }],
+
+ "series": [
+ {
+ "name": "资源总量",
+ "type": "bar",
+
+ "barGap": "10%",
+ itemStyle: {//图形样式
+ normal: {
+ "color": '#4a4df0'
+ }
+ },
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ "data": uploadCnt,
+ barWidth: 14,
+ },{
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ color:'#c7b198'
+ }
+ },
+ data:[5421, 6512, 4621, 2842,6427, 4422,1020,1421,1776,2428],
+
+ }
+ ]
+ };
+
+// 使用刚指定的配置项和数据显示图表。
+ myChart6.setOption(option);
+}
+
+function init_myChart7(){
+
+
+var colorList = [
+ '#ff2600',
+ '#ffc000',
+ '#00ad4e',
+ '#0073c2',
+ '#165868',
+ '#e76f00',
+ '#316194',
+ '#723761',
+ '#00b2f1',
+ '#4d6022',
+ '#4b83bf',
+ '#f9c813',
+ '#0176c0'
+];
+var xData = ['公共服务','健康保障','安全生产','价格监督','能源安全','信用体系', '城乡建设', '社区治理', '生态环保','应急维稳'];
+var yData = [2912,3991,4621,3941,3313,6631,5543,4463,6541,3381];
+option = {
+ color:colorList,
+ "tooltip": {
+ "trigger": "axis",
+ transitionDuration: 0,
+ backgroundColor: 'rgba(83,93,105,0.8)',
+ borderColor: '#535b69',
+ borderRadius: 8,
+ borderWidth: 2,
+ padding: [5, 10],
+ formatter: function (params, ticket, callback) {
+ var res = '';
+ for (var i = 0, l = params.length; i < l; i++) {
+ res += '' + params[i].seriesName + ' : ' + params[i].value + '
';
+ }
+ return res;
+ },
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ type: 'dashed',
+ color: '#ffff00'
+ }
+ }
+ },
+ toolbox: {
+ show : true,
+ feature : {
+ mark : {
+ show: true
+ },
+
+ }
+ },
+ grid: {
+ "borderWidth": 0,
+ "top": '40',
+ "left": '30',
+ "right": '10',
+ "bottom": '40',
+ textStyle: {
+ color: "#fff"
+ }
+ },
+ xAxis : [
+ {
+ 'type': 'category',
+ "axisTick": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14,
+ formatter:function(value)
+ {
+ var ret = "";//拼接加\n返回的类目项
+ var maxLength = 2;//每项显示文字个数
+ var valLength = value.length;//X轴类目项的文字个数
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+ if (rowN > 1)//如果类目项的文字大于3,
+ {
+ for (var i = 0; i < rowN; i++) {
+ var temp = "";//每次截取的字符串
+ var start = i * maxLength;//开始截取的位置
+ var end = start + maxLength;//结束截取的位置
+ //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
+ temp = value.substring(start, end) + "\n";
+ ret += temp; //凭借最终的字符串
+ }
+ return ret;
+ }
+ else {
+ return value;
+ }
+ }
+ },
+ "splitArea": {
+ "show": false
+ },
+ 'data': xData,
+ splitLine: {
+ show: false
+ },
+
+ }
+ ],
+ yAxis : [
+ {
+ "type": "value",
+ offset: -14,
+ "splitLine": {
+ "show": false
+ },
+ "axisLine": {
+ "show": false,
+ lineStyle: {
+ color: '#868c96'
+ }
+ },
+ "axisTick": {
+ "show": false
+ },
+ "axisLabel": {
+ "interval": 0,
+ fontSize:14
+
+ },
+ "splitArea": {
+ "show": false
+ }
+ }
+
+ ],
+ series : [
+ {
+ name:'共享次数',
+ type:'bar',
+ data:yData,
+ itemStyle: {
+ normal: {
+ color: function(params) {
+ // build a color map as your need.
+ var colorList = [
+ '#ff2600',
+ '#ffc000',
+ '#00ad4e',
+ '#0073c2',
+ '#165868',
+ '#e76f00',
+ '#316194',
+ '#723761',
+ '#00b2f1',
+ '#4d6022',
+ '#4b83bf',
+ '#f9c813',
+ '#0176c0'
+ ];
+ return colorList[params.dataIndex]
+ },
+
+ }
+ },
+ barWidth: 14,
+ label: {
+ normal: {
+ show: true,
+ position: "top",
+ textStyle: {
+ color: "#ffc72b",
+ fontSize: 10
+ }
+ }
+ },
+ },
+ {
+ name:'折线',
+ type:'line',
+ itemStyle : { /*设置折线颜色*/
+ normal : {
+ color:'#d3d5fd'
+ }
+ },
+ data:yData
+ }
+
+ ]
+};
+
+
+// 使用刚指定的配置项和数据显示图表。
+ myChart7.setOption(option);
+}
+//获取当前时间
+function getNowFormatDate() {
+ var date = new Date();
+ var year = date.getFullYear();
+ var month = date.getMonth() + 1;
+ var strDate = date.getDate();
+ var Hour = date.getHours(); // 获取当前小时数(0-23)
+ var Minute = date.getMinutes(); // 获取当前分钟数(0-59)
+ var Second = date.getSeconds(); // 获取当前秒数(0-59)
+ var show_day=new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
+ var day=date.getDay();
+ if (Hour<10) {
+ Hour = "0" + Hour;
+ }
+ if (Minute <10) {
+ Minute = "0" + Minute;
+ }
+ if (Second <10) {
+ Second = "0" + Second;
+ }
+ if (month >= 1 && month <= 9) {
+ month = "0" + month;
+ }
+ if (strDate >= 0 && strDate <= 9) {
+ strDate = "0" + strDate;
+ }
+ var currentdate = '
'+year + '年' + month +'月' + strDate+'号
'+show_day[day]+'
';
+ var HMS = Hour + ':' + Minute +':' + Second;
+ var temp_time = year+'-'+month+'-'+strDate+' '+HMS;
+ $('.nowTime li:nth-child(1)').html(HMS);
+ $('.nowTime li:nth-child(2)').html(currentdate);
+ //$('.topRec_List li div:nth-child(3)').html(temp_time);
+ setTimeout(getNowFormatDate,1000);//每隔1秒重新调用一次该函数
+}
+var resourceDataType = $('.data-label li.active').data('type');//用于切换基础库
+function urlType() {
+ resourceDataType = $('.data-label li.active').data('type');
+ if (resourceDataType == 1) {
+ init_myChart3(legal_person_data);
+ $('.com-screen-content .use-data').html(Tpl1);
+ } else if (resourceDataType == 2) {
+ init_myChart3(people_data);
+ $('.com-screen-content .use-data').html(Tpl2);
+ } else if (resourceDataType == 3) {
+ init_myChart3( picture_data);
+ $('.com-screen-content .use-data').html(Tpl3);
+ }
+}
+var num =0 ;
+// 资源类型定时器
+function resourceType() {
+ $('.data-label li').eq(num).addClass('active').siblings().removeClass('active');
+ //$('.active-data-label').html($('.canvas-pic-two .data-label li.active').html());
+ urlType();
+ num++;
+ if (num >= 3) {
+ num = 0;
+ }
+}
+
+// 资源类型点击切换
+$('.data-label').on('click', 'li', function () {
+ $(this).addClass('active').siblings().removeClass('active');
+ $('.active-data-label').html($('.data-label li.active').html());
+ urlType();
+});
+var oTimer = setInterval(resourceType, 3000);
+// hover清除定时器
+$('.data-label').hover(function () {
+ clearInterval(oTimer);
+}, function () {
+ oTimer = setInterval(resourceType, 3000);
+});
+
+/*function resize(){
+ window.addEventListener("resize", () => {
+ this.myChart1.resize;
+ this.myChart2.resize;
+ this.myChart3.resize;
+ this.myChart5.resize;
+ this.myChart6.resize;
+ this.myChart7.resize;
+});
+}*/
+
+setInterval(function (){
+ window.onresize = function () {
+ this.myChart1.resize;
+ this.myChart2.resize;
+ this.myChart3.resize;
+ this.myChart5.resize;
+ this.myChart6.resize;
+ this.myChart7.resize;
+ }
+},200)
+
+//myChart7.resize();
diff --git a/poem/更多内容关注公众号.jpg b/poem/更多内容关注公众号.jpg
new file mode 100644
index 0000000..2e8cad1
Binary files /dev/null and b/poem/更多内容关注公众号.jpg differ