GaugeChart_wev8.js 3.12 KB
define("GaugeChart_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 wev-chart-title-mb">${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(u,i,a,m){return i.init(function(t){var l,e,r={};i.super(this,t),this.type="GaugeChart",this.tpl=this.type+"_html",this.css="chart_css",this.components={loading:new a({delay:300,animation:1})};var d=this.viewModel={data:[],title:{show:!1,x:"center",y:0,text:"",subtext:""},height:250,series:{axisLine:{lineStyle:{width:6}},axisTick:{length:12,lineStyle:{color:"auto"}},splitLine:{length:20,lineStyle:{color:"auto"}},axisLabel:{fontSize:14},pointer:{width:4},title:{offsetCenter:[0,"-30%"]},radius:"85%",detail:{formatter:"{value}",fontSize:24}},labelFormat:"",advancedSearch:{},standalone:!0};this.beforeMount=function(){var t=u.toPixel(d.height||250,"height");if(d.width&&(t+=u.toPixel(d.width,"width")),d.style=t,u.isString(d.click)&&""!=d.click){var i=d.click;d.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)}}d.title=d.title.text||""},this.mounted=function(){l=this.$el.find(".wev-error"),e=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);d.standalone&&u.isArray(d.data)?r.buildChart(d.data,e):r.loadData(e)},this.cacheSearchLast=function(t){d.searchLast=t},r.loadData=function(i){var a=(new Date).valueOf(),n=this,t=d.data;n.timestamp=a,d.standalone||(t=u.getActionUrl(n.type,{action:"getDatas",mec_id:d.id},n.pageid)),t&&u.getJSON(t,{},function(t){if(a==n.timestamp){var e=t.data;r.buildChart(e,i),l.html("").hide(),d.advancedSearch.enable&&(d.toolbox={showTitle:!1,itemSize:28,right:20,top:20,feature:{myTool:{show:!0,icon:"image:///mobilemode/mobile/images/plugin/filter.png",onclick:function(){require(["mService"],function(t){t.show("customsearch",{id:n.id,pageid:n.pageid,searchLast:d.searchLast||{},conditions:d.advancedSearch.asFields,title:d.title||""})})}}}})}},function(t){n.$el.find(".wev-chart-title").removeClass("wev-chart-title-mb"),l.html(t).show(),e.hide(),u.isFunction(i)&&i.call(this)})},r.buildChart=function(s,c){var h=$(".wev-chart",this.$el);require(["echarts"],function(t){var e=t.init(h[0]),i=u.isArray(s)?s[0]||{}:s,a=i.name||"--",n=parseFloat(i.value)||0,l=i.label||"--",r=d.series||{};r.type="gauge",r.name=a,r.detail.formatter=function(t){return m.formatNumber(t,d.labelFormat)},r.data=[{value:n,name:l}],r.min=parseFloat(i.min)||0,r.max=parseFloat(i.max)||100;var o={tooltip:{confine:!0,formatter:function(t){return t.name+"<br/>"+t.seriesName+" : "+m.formatNumber(t.value,d.labelFormat)}},series:r,toolbox:d.toolbox};e.setOption(o),u.isFunction(d.click)&&e.on("click",function(t){d.click.call(this,t)}),u.isFunction(c)&&c.call(this)})},r.loadData=r.loadData.bind(this),r.buildChart=r.buildChart.bind(this)})});