基于React和Echart的数据可视化展示大屏设计源码

(function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/react-bigdata-screen/",n(n.s=0)})({"+3Ak":function(e,t,n){var r=n("HIsA");r({target:"Math",stat:!0},{DEG_PER_RAD:Math.PI/180})},"+3y3":function(e,t,n){"use strict";var r=n("HIsA"),i=n("PaPB"),a=n("t0cd"),o="Invalid number representation",s="Invalid radix",l=/^[\da-z]+$/;r({target:"Number",stat:!0},{fromString:function(e,t){var n,r,u=1;if("string"!=typeof e)throw TypeError(o);if(!e.length)throw SyntaxError(o);if("-"==e.charAt(0)&&(u=-1,e=e.slice(1),!e.length))throw SyntaxError(o);if(n=void 0===t?10:i(t),n<2||n>36)throw RangeError(s);if(!l.test(e)||(r=a(e,n)).toString(n)!==e)throw SyntaxError(o);return u*r}})},"+4Yi":function(e,t,n){var r=n("JqKL");r("Float64",(function(e){return function(t,n,r){return e(this,t,n,r)}}))},"+7Kl":function(e,t,n){"use strict";var r=n("HIsA"),i=n("Hiyu"),a=n("QD/U"),o=n("DDwO"),s=n("hXyk"),l=n("pxmn"),u=n("xOST"),c=n("2RC6").f,d=n("D8FR"),h=n("masK"),f=n("0Ccx"),p=n("Ji6T"),m=n("liI8"),g=n("kPvK"),v=n("twJ5"),y=g("observable"),_=v.get,b=v.set,x=function(e){return null==e?void 0:o(e)},w=function(e){var t=e.cleanup;if(t){e.cleanup=void 0;try{t()}catch(n){m(n)}}},T=function(e){return void 0===e.observer},M=function(e,t){if(!i){e.closed=!0;var n=t.subscriptionObserver;n&&(n.closed=!0)}t.observer=void 0},S=function(e,t){var n,r=b(this,{cleanup:void 0,observer:s(e),subscriptionObserver:void 0});i||(this.closed=!1);try{(n=x(e.start))&&n.call(e,this)}catch(c){m(c)}if(!T(r)){var a=r.subscriptionObserver=new E(this);try{var l=t(a),u=l;null!=l&&(r.cleanup="function"===typeof l.unsubscribe?function(){u.unsubscribe()}:o(l))}catch(c){return void a.error(c)}T(r)&&w(r)}};S.prototype=h({},{unsubscribe:function(){var e=_(this);T(e)||(M(this,e),w(e))}}),i&&c(S.prototype,"closed",{configurable:!0,get:function(){return T(_(this))}});var E=function(e){b(this,{subscription:e}),i||(this.closed=!1)};E.prototype=h({},{next:function(e){var t=_(_(this).subscription);if(!T(t)){var n=t.observer;try{var r=x(n.next);r&&r.call(n,e)}catch(i){m(i)}}},error:function(e){var t=_(this).subscription,n=_(t);if(!T(n)){var r=n.observer;M(t,n);try{var i=x(r.error);i?i.call(r,e):m(e)}catch(a){m(a)}w(n)}},complete:function(){var e=_(this).subscription,t=_(e);if(!T(t)){var n=t.observer;M(e,t);try{var r=x(n.complete);r&&r.call(n)}catch(i){m(i)}w(t)}}}),i&&c(E.prototype,"closed",{configurable:!0,get:function(){return T(_(_(this).subscription))}});var L=function(e){u(this,L,"Observable"),b(this,{subscriber:o(e)})};h(L.prototype,{subscribe:function(e){var t=arguments.length;return new S("function"===typeof e?{next:e,error:t>1?arguments[1]:void 0,complete:t>2?arguments[2]:void 0}:l(e)?e:{},_(this).subscriber)}}),h(L,{from:function(e){var t="function"===typeof this?this:L,n=x(s(e)[y]);if(n){var r=s(n.call(e));return r.constructor===t?r:new t((function(e){return r.subscribe(e)}))}var i=f(e);return new t((function(e){p(i,(function(t){if(e.next(t),e.closed)return p.stop()}),void 0,!1,!0),e.complete()}))},of:function(){var e="function"===typeof this?this:L,t=arguments.length,n=new Array(t),r=0;while(r<t)n[r]=arguments[r++];return new e((function(e){for(var r=0;r<t;r++)if(e.next(n[r]),e.closed)return;e.complete()}))}}),d(L.prototype,y,(function(){return this})),r({global:!0},{Observable:L}),a("Observable")},"+812":function(e,t,n){var r=n("oEo5"),i=n("Ju7t"),a=n("YsOP"),o=n("QV7q"),s=i.extend({type:"timeline",layoutMode:"box",defaultOption:{zlevel:0,z:4,show:!0,axisType:"time",realtime:!0,left:"20%",top:null,right:"20%",bottom:0,width:null,height:40,padding:5,controlPosition:"left",autoPlay:!1,rewind:!1,loop:!0,playInterval:2e3,currentIndex:0,itemStyle:{},label:{color:"#000"},data:[]},init:function(e,t,n){this._data,this._names,this.mergeDefaultAndTheme(e,n),this._initData()},mergeOption:function(e){s.superApply(this,"mergeOption",arguments),this._initData()},setCurrentIndex:function(e){null==e&&(e=this.option.currentIndex);var t=this._data.count();this.option.loop?e=(e%t+t)%t:(e>=t&&(e=t-1),e<0&&(e=0)),this.option.currentIndex=e},getCurrentIndex:function(){return this.option.currentIndex},isIndexMax:function(){return this.getCurrentIndex()>=this._data.count()-1},setPlayState:function(e){this.option.autoPlay=!!e},getPlayState:function(){return!!this.option.autoPlay},_initData:function(){var e=this.option,t=e.data||[],n=e.axisType,i=this._names=[];if("category"===n){var s=[];r.each(t,(function(e,t){var n,a=o.getDataItemValue(e);r.isObject(e)?(n=r.clone(e),n.value=t):n=t,s.push(n),r.isString(a)||null!=a&&!isNaN(a)||(a=""),i.push(a+"")})),t=s}var l={category:"ordinal",time:"time"}[n]||"number",u=this._data=new a([{name:"value",type:l}],this);u.initData(t,i)},getData:function(){return this._data},getCategories:function(){if("category"===this.get("axisType"))return this._names.slice()}}),l=s;e.exports=l},"+AHJ":function(e,t){function n(){this.on("mousedown",this._dragStart,this),this.on("mousemove",this._drag,this),this.on("mouseup",this._dragEnd,this)}function r(e,t){return{target:e,topTarget:t&&t.topTarget}}n.prototype={constructor:n,_dragStart:function(e){var t=e.target;while(t&&!t.draggable)t=t.parent;t&&(this._draggingTarget=t,t.dragging=!0,this._x=e.offsetX,this._y=e.offsetY,this.dispatchToElement(r(t,e),"dragstart",e.event))},_drag:function(e){var t=this._draggingTarget;if(t){var n=e.offsetX,i=e.offsetY,a=n-this._x,o=i-this._y;this._x=n,this._y=i,t.drift(a,o,e),this.dispatchToElement(r(t,e),"drag",e.event);var s=this.findHover(n,i,t).target,l=this._dropTarget;this._dropTarget=s,t!==s&&(l&&s!==l&&this.dispatchToElement(r(l,e),"dragleave",e.event),s&&s!==l&&this.dispatchToElement(r(s,e),"dragenter",e.event))}},_dragEnd:function(e){var t=this._draggingTarget;t&&(t.dragging=!1),this.dispatchToElement(r(t,e),"dragend",e.event),this._dropTarget&&this.dispatchToElement(r(this._dropTarget,e),"drop",e.event),this._draggingTarget=null,this._dropTarget=null}};var i=n;e.exports=i},"+AkH":function(e,t,n){var r=n("Q6Bq"),i=n("oEo5"),a=n("zYjg"),o=n("JkS2"),s=n("ycch"),l=n("83ay"),u=n("MLk5"),c=n("ie0D"),d=n("4uqo"),h=n("kGW4"),f=n("G8fk"),p=n("CQhY"),m=p.windowOpen,g=i.bind,v=a.Group,y=a.Rect,_=i.each,b=3,x=["label"],w=["emphasis","label"],T=["upperLabel"],M=["emphasis","upperLabel"],S=10,E=1,L=2,k=f([["fill","color"],["stroke","strokeColor"],["lineWidth","strokeWidth"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"]]),A=function(e){var t=k(e);return t.stroke=t.fill=t.lineWidth=null,t},D=r.extendChartView({type:"treemap",init:function(e,t){this._containerGroup,this._storage=O(),this._oldTree,this._breadcrumb,this._controller,this._state="ready"},render:function(e,t,n,r){var a=t.findComponents({mainType:"series",subType:"treemap",query:r});if(!(i.indexOf(a,e)<0)){this.seriesModel=e,this.api=n,this.ecModel=t;var o=["treemapZoomToNode","treemapRootToNode"],l=s.retrieveTargetInfo(r,o,e),u=r&&r.type,c=e.layoutInfo,d=!this._oldTree,h=this._storage,f="treemapRootToNode"===u&&l&&h?{rootNodeGroup:h.nodeGroup[l.node.getRawIndex()],direction:r.direction}:null,p=this._giveContainerGroup(c),m=this._doRender(p,e,f);d||u&&"treemapZoomToNode"!==u&&"treemapRootToNode"!==u?m.renderFinally():this._doAnim