var mfBarChart={mode:"desktop",wtype:"cbbc",init:function(type,order,top_n,days,callback){var self=this;self.wtype=type;self.mode=(window.innerWidth<991)?"mobile":"desktop";$.getJSON('/'+lang+'/data/chart/mfBarChart/type/'+type+'/order/'+order+'/top_n/'+top_n+'/days/'+days,function(_data){var data=self.decode(_data);var mcode=self.decode_mcode(_data);var name=self.decode_name(_data);$('#mfBarChartContainer').highcharts(self.getJSON(data,mcode,name),function(chart){self.chart=chart;self.drawBackground()})})},decode:function(_data){return _data.mainData},decode_mcode:function(_data){return _data.axisData.mcode},decode_name:function(_data){return _data.axisData.name},colors:{bar1:"#004392",bar2:"#1B9CDD",bar3:"#DE5B12",bar4:"#FFA219"},margin:{mobile:65,desktop:90},right_margin:{mobile:20,desktop:90},chartheight:{mobile:257,desktop:277},getJSON:function(data,mcode,name){var bar1=[];var bar2=[];for(i=0;i<data.length;i++){var datas=data[i];for(j=0;j<datas.length;j++){if(i==0){bar1.push(datas[j]['mflow']*1)}else if(i==1){bar2.push(datas[j]['mflow2']*1)}}}var self=this;return{chart:{type:'column',marginLeft:self.margin[self.mode],marginRight:self.right_margin[self.mode],marginBottom:98,spacingTop:20,events:{redraw:function(event){self.redraw()}}},title:{text:null},legend:{enabled:true,},xAxis:{title:{text:this.labels[lang].xTitle,useHTML:true,style:{color:"#000"}},lineColor:'transparent',tickLength:0,categories:mcode},yAxis:[{title:{text:this.labels[lang].yTitle,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),useHTML:true,style:{color:"#000"}},tickAmount:7,showFirstLabel:false,showLastLabel:false,height:self.chartheight[self.mode]}],credits:{enabled:false},tooltip:{useHTML:true,formatter:function(){var _html='<div class="chart_tooltip"><b><span style="color:'+this.color+'"></span></b> '+this.x+'';_html+='<br/><b><span style="color:'+this.color+'"></span></b> '+this.series.name+'';_html+='<br/><b><span style="color:'+this.color+'"></span></b> '+this.y+'';return _html}},plotOptions:{column:{minPointLength:2}},series:[{name:name[0],data:bar1,color:this.wtype=="cbbc"?this.colors["bar1"]:this.colors["bar3"]},{name:name[1],data:bar2,color:this.wtype=="cbbc"?this.colors["bar2"]:this.colors["bar4"]}],exporting:{enabled:false},}},redraw:function(){var chart=this.chart;var offsetx,offsety;var self=this;$("#mfBarchartBackground1").remove();var distance=chart.plotWidth/5;offsetx=chart.plotLeft-distance;offsety=50;for(var i=1;i<=6;i++){$("#mfBarchartstockconnectpath"+i).remove();chart.renderer.path(['M',offsetx+distance*i,offsety+self.chartheight[self.mode]-20,'L',offsetx+distance*i,offsety]).attr({id:'mfBarchartstockconnectpath'+i,'stroke-width':0.5,stroke:'#C0D0E0'}).add()}chart.renderer.rect(self.margin[self.mode],20,chart.plotWidth,self.chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'mfBarchartBackground1',}).add()},drawBackground:function(){var chart=this.chart;var offsetx,offsety;var self=this;this.redraw()},labels:{tc:{yTitle:"<b>港<br/>元<br/>︵<br/>百<br/>萬<br/>︶</b>",xTitle:"",},sc:{yTitle:"<b>港<br/>元<br/>︵<br/>百<br/>万<br/>︶</b>",xTitle:"",},en:{yTitle:"<b>HKD (Million)</b>",xTitle:"",},},}