FunnelChart_wev8.js 3.24 KB
define("FunnelChart_html",function(){return'<div id="NMEC_${id}" class="wev-comp-${compType}">\t<div class="wev-chart-container">\t\t{@if title}\t\t<div class="wev-chart-title">${title}</div>\t\t{@/if}\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,l={};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 o=this.viewModel={data:[],height:300,title:{show:!1,text:"",subtext:"",x:"center",y:0},series:{top:"middle",left:"center",height:"95%",width:"60%",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(o.height||300,"height");if(o.width&&(t+=r.toPixel(o.width,"width")),o.style=t,r.isString(o.click)&&""!=o.click){var i=o.click;o.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)}}o.title=o.title.text||""},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);o.standalone&&r.isArray(o.data)?l.buildChart(o.data,e):l.loadData(e)},this.cacheSearchLast=function(t){o.searchLast=t},l.loadData=function(e){var i=this,t=o.data,a=(new Date).valueOf();i.timestamp=a,o.standalone||(t=r.getActionUrl(i.type,{action:"getDatas",mec_id:o.id},i.pageid)),t&&r.getJSON(t,{},function(t){a==i.timestamp&&(l.buildChart(t.data,e),n.html("").hide(),o.advancedSearch.enable&&(o.toolbox={showTitle:!1,itemSize:28,right:20,top:0,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:o.searchLast||{},conditions:o.advancedSearch.asFields,title:o.title||""})})}}}}))},function(t){n.html(t).show(),s.hide(),r.isFunction(e)&&e.call(this)})},l.buildChart=function(n,s){var l=$(".wev-chart",this.$el);require(["echarts"],function(t){var e=t.init(l[0]),i=n.map(function(t){var e=Object.keys(t);return{name:t[e[0]],value:t[e[1]]}}),a={legend:{show:!1},calculable:!0,series:[{name:"",type:"funnel",width:o.series.width||"60%",height:o.series.height||"95%",left:o.series.left||"center",top:o.series.top||"middle",label:{normal:{position:"outside",formatter:"{b}"}},data:i,sort:o.series.sort},{name:"",type:"funnel",width:o.series.width||"60%",height:o.series.height||"95%",left:o.series.left||"center",top:o.series.top||"middle",label:{normal:{position:"inside",formatter:function(t){return c.formatNumber(t.value,o.labelFormat)},textStyle:{fontSize:o.label.fontSize}}},data:i,sort:o.series.sort}],toolbox:o.toolbox};o.color&&(a.color=o.color.split(",")),e.setOption(a),o.click&&r.isFunction(o.click)&&e.on("click",function(t){o.click.call(this,t)}),r.isFunction(s)&&s.call(this)})},l.loadData=l.loadData.bind(this),l.buildChart=l.buildChart.bind(this)})});