var homeAHChart={mode:"desktop",chart:null,init:function(callback){var self=this;self.mode=(window.innerWidth<991)?"mobile":"desktop";$.getJSON('?q=/'+lang+'/data/chart/homeAHChart',function(_data){var asc_data=self.decode_asc(_data);var desc_data=self.decode_desc(_data);$('#homeAHChartContainer').highcharts(self.getJSON(desc_data,asc_data),function(chart){self.chart=chart;self.drawBackground();if(callback!==undefined){callback(chart,data)}})})},decode:function(_data){return _data.mainData},decode_asc:function(_data){return _data.mainData.asc},decode_desc:function(_data){return _data.mainData.desc},colors:{bar1:"#C0202E",bar2:"#6CC061"},margin:{mobile:70,desktop:150},chartheight:{mobile:360,desktop:365},getJSON:function(desc_data,asc_data){var self=this;var max1=0;var bar1=[];var code1=[];var categor1=[];var bar2=[];var code2=[];var categor2=[];for(var i=0;i<desc_data.length;i++){bar1.push(desc_data[i]['premium']*1);code1.push(desc_data[i]['code']);categor1.push(desc_data[i]['nmll'])}for(var i=0;i<asc_data.length;i++){bar2.push(asc_data[i]['premium']*1);code2.push(asc_data[i]['code']);categor2.push(asc_data[i]['nmll'])}for(var i=0;i<bar1.length;i++){max1=Math.max(max1,Math.abs(bar1[i]))}categor1=self.mode=="mobile"?code1:categor1;categor2=self.mode=="mobile"?code2:categor2;return{chart:{type:'column',inverted:true,marginLeft:self.margin[self.mode],marginRight:self.margin[self.mode],spacingTop:20,events:{load:function(){for(var i=0;i<2;i++){var extremes=self.chart.yAxis[i].getExtremes();if(extremes.min*-1!=extremes.max){var _max=Math.min(extremes.min*-1,extremes.max);if(_max/2!=parseInt(_max/2)){var _int=((_max+"").replace(/0+$/g,""))*1;var _div=_max/_int;while(_max/2!=parseInt(_max/2)){_max+=_div}}self.chart.yAxis[i].setExtremes(_max*-1,_max)}}},redraw:function(event){self.redraw()}}},title:{text:null},legend:{enabled:true,},xAxis:[{labels:{useHTML:true,step:1,formatter:function(){var cat=this.axis.categories;var index=cat.indexOf(this.value);if(bar1[index]!=undefined)return'<div style="text-align: right">'+this.value+'<br><span class="down" > '+bar1[index]+'%</span></div>';else return''},},categories:categor1,height:self.chartheight[self.mode],},{labels:{useHTML:true,formatter:function(){var cat=this.axis.categories;var index=cat.indexOf(this.value);if(bar2[index]!=undefined)return'<div style="text-align: left">'+this.value+'<br><span class="up" > '+bar2[index]+'%</span></div>';else return''},},categories:categor2,height:self.chartheight[self.mode],opposite:true,}],yAxis:[{labels:{enabled:false},title:{enabled:false},left:self.margin[self.mode]+0.1,tickAmount:5,max:max1,min:max1*-1},{labels:{enabled:false},title:{enabled:false},tickAmount:5,max:max1,min:max1*-1}],credits:{enabled:false},tooltip:{borderWidth:0,borderRadius:0,shadow:false,padding:0,useHTML:true,backgroundColor:"rgba(255,255,255,0)",formatter:function(){var index=this.point.index;var _html="";if(this.series.name.indexOf("discount")>-1){_html='<div class="chart_tooltip red">'+categor1[index];_html+='<br>'+bar1[index]+" %</div>"}else{_html='<div class="chart_tooltip green">'+categor2[index];_html+='<br>'+bar2[index]+" %</div>"}return _html}},series:[{name:"discount",showInLegend:false,data:bar1,color:this.colors["bar1"],xAxis:1,},{name:"premium",showInLegend:false,data:bar2,color:this.colors["bar2"],yAxis:1,}],exporting:{enabled:false},}},redraw:function(){var chart=this.chart;var self=this;var offsetx,offsety;offsetx=chart.plotLeft;offsety=345;$("#ahChartBackground1").remove();$("#chartLegend1").remove();$("#chartLegend2").remove();chart.renderer.rect(self.margin[self.mode],20,chart.plotWidth,self.chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'ahChartBackground1',}).add();chart.renderer.text(this.labels[lang].legend1,offsetx-50,10).css({fontSize:'12px',}).attr({id:'chartLegend1',}).add();offsetx=chart.plotLeft+chart.plotWidth;chart.renderer.text(this.labels[lang].legend2,offsetx+25,10).css({fontSize:'12px',}).attr({id:'chartLegend2',}).add()},drawBackground:function(){var chart=this.chart;var offsetx,offsety;var self=this;this.redraw()},labels:{tc:{legend1:"折讓",legend2:"溢價"},sc:{legend1:"折让",legend2:"溢价"},en:{legend1:"Discount",legend2:"Premium"},},}