GaugeChart_wev8.js
3.11 KB
define("GaugeChart_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(d,i,a,m){return i.init(function(t){var l,e,o={};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 h=this.viewModel={data:[],title:{show:!1,x:"center",y:0,text:"",subtext:""},height:400,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:"75%",detail:{formatter:"{value}",fontSize:24}},labelFormat:"",advancedSearch:{},standalone:!0};this.beforeMount=function(){var t=d.toPixel(h.height||400,"height");if(h.width&&(t+=d.toPixel(h.width,"width")),h.style=t,d.isString(h.click)&&""!=h.click){var i=h.click;h.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(){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);h.standalone&&d.isArray(h.data)?o.buildChart(h.data,e):o.loadData(e)},this.cacheSearchLast=function(t){h.searchLast=t},o.loadData=function(i){var a=(new Date).valueOf(),n=this,t=h.data;n.timestamp=a,h.standalone||(t=d.getActionUrl(n.type,{action:"getDatas",mec_id:h.id},n.pageid)),t&&d.getJSON(t,{},function(t){if(a==n.timestamp){var e=t.data;o.buildChart(e,i),l.html("").hide(),h.advancedSearch.enable&&(h.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:n.id,pageid:n.pageid,searchLast:h.searchLast||{},conditions:h.advancedSearch.asFields,title:h.title.text||""})})}},myToolEmpty:{show:!0,icon:"image://data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="}}})}},function(t){l.html(t).show(),e.hide(),d.isFunction(i)&&i.call(this)})},o.buildChart=function(r,s){var c=$(".wev-chart",this.$el);require(["echarts"],function(t){var e=t.init(c[0]),i=d.isArray(r)?r[0]:r,a=i.name||"",n=parseFloat(i.value)||0;dataLabel=i.label||"";var l=h.series||{};l.type="gauge",l.name=a,l.detail.formatter=function(t){return m.formatNumber(t,h.labelFormat)},l.data=[{value:n,name:dataLabel}],l.min=parseFloat(i.min)||0,l.max=parseFloat(i.max)||100;var o={title:h.title,tooltip:{formatter:function(t){return t.name+"<br/>"+t.seriesName+" : "+m.formatNumber(t.value,h.labelFormat)}},series:l,toolbox:h.toolbox};e.setOption(o),d.isFunction(h.click)&&e.on("click",function(t){h.click.call(this,t)}),d.isFunction(s)&&s.call(this)})},o.loadData=o.loadData.bind(this),o.buildChart=o.buildChart.bind(this)})});