FunnelChart_wev8.js
3.23 KB
define("FunnelChart_html",function(){return'<div id="NMEC_${id}" class="wev-comp-${compType}">\t<div class="wev-chart-container">\t\t$${loading.content}\t\t<div class="wev-chart" style="${style}"></div>\t\t<div class="wev-error" style="display:none;"></div>\t</div></div>'}),define(["mUtil","Component","wev-loading","chartHelper"],function(r,e,i,c){return e.init(function(t){var n,s,o={};e.super(this,t),this.type="FunnelChart",this.tpl=this.type+"_html",this.css="chart_css",this.components={loading:new i({delay:300,animation:1})};var l=this.viewModel={data:[],height:400,title:{show:!1,text:"",subtext:"",x:"center",y:0},series:{top:"20%",left:"15%",height:"75%",width:"70%",sort:"descending"},label:{fontSize:12},labelFormat:"",advancedSearch:{},color:"#c23531,#2f4554,#61a0a8,#d48265,#91c7ae,#749f83,#ca8622,#bda29a,#6e7074,#546570,#c4ccd3",standalone:!0};this.beforeMount=function(){var t=r.toPixel(l.height||400,"height");if(l.width&&(t+=r.toPixel(l.width,"width")),l.style=t,r.isString(l.click)&&""!=l.click){var i=l.click;l.click=function(t){var e=i.replace(/\{_chart_name}/g,t.name).replace(/\{_chart_seriesName}/g,t.seriesName).replace(/\{_chart_value}/g,t.value);$u(e)}}},this.mounted=function(){n=this.$el.find(".wev-error"),s=this.$el.find(".wev-chart"),this.refresh()},this.refresh=function(){var t=this.components.loading;t.setRefs(this.$comp,"wev-refreshing"),t.show();var e=t.hide.bind(t);l.standalone&&r.isArray(l.data)?o.buildChart(l.data,e):o.loadData(e)},this.cacheSearchLast=function(t){l.searchLast=t},o.loadData=function(e){var i=this,t=l.data,a=(new Date).valueOf();i.timestamp=a,l.standalone||(t=r.getActionUrl(i.type,{action:"getDatas",mec_id:l.id},i.pageid)),t&&r.getJSON(t,{},function(t){a==i.timestamp&&(o.buildChart(t.data,e),n.html("").hide(),l.advancedSearch.enable&&(l.toolbox={showTitle:!1,itemSize:28,y:35,feature:{myTool:{show:!0,icon:"image:///mobilemode/mobile/images/plugin/filter.png",onclick:function(){require(["mService"],function(t){t.show("customsearch",{id:i.id,pageid:i.pageid,searchLast:l.searchLast||{},conditions:l.advancedSearch.asFields,title:l.title.text||""})})}},myToolEmpty:{show:!0,icon:"image://data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="}}}))},function(t){n.html(t).show(),s.hide(),r.isFunction(e)&&e.call(this)})},o.buildChart=function(n,s){var o=$(".wev-chart",this.$el);require(["echarts"],function(t){var e=t.init(o[0]),i=n.map(function(t){var e=Object.keys(t);return{name:t[e[0]],value:t[e[1]]}}),a={title:l.title,legend:{show:!1},calculable:!0,series:[{name:"",type:"funnel",width:l.series.width,height:l.series.height,left:l.series.left,top:l.series.top,label:{normal:{position:"outside",formatter:"{b}"}},data:i,sort:l.series.sort},{name:"",type:"funnel",width:l.series.width,height:l.series.height,left:l.series.left,top:l.series.top,label:{normal:{position:"inside",formatter:function(t){return c.formatNumber(t.value,l.labelFormat)},textStyle:{fontSize:l.label.fontSize}}},data:i,sort:l.series.sort}],toolbox:l.toolbox};l.color&&(a.color=l.color.split(",")),e.setOption(a),l.click&&r.isFunction(l.click)&&e.on("click",function(t){l.click.call(this,t)}),r.isFunction(s)&&s.call(this)})},o.loadData=o.loadData.bind(this),o.buildChart=o.buildChart.bind(this)})});