var mainlandCompareChart={mode:"desktop",chartType:"line",init:function(callback){var self=this;self.mode=(window.innerWidth<991)?"mobile":"desktop";$.getJSON('?q=/'+lang+'/data/chart/mainlandCompareChart',function(_data){var data=self.decode(_data);var date=self.decode_date(_data);var name=self.decode_name(_data);$('#mainlandCompareChartContainer').highcharts(self.getJSON(data,date,name),function(chart){self.chart=chart;self.drawBackground()})})},decode:function(_data){return _data.mainData},decode_date:function(_data){return _data.axisData.date},decode_name:function(_data){return _data.axisData.name},colors:{bar1:"#1D76B4",bar2:"#68C369",bar3:"#F3972D"},left_margin:{mobile:70,desktop:90},right_margin:{mobile:30,desktop:90},chartheight:{mobile:257,desktop:277},getJSON:function(data,date,name){var bar1=[];var bar2=[];var bar3=[];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]['pre']*1);else if(i==1)bar2.push(datas[j]['pre']*1);else if(i==2)bar3.push(datas[j]['pre']*1)}}var self=this;return{chart:{type:'column',marginLeft:self.left_margin[self.mode],marginRight:self.right_margin[self.mode],height:415,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"}},labels:{y:-50,},lineColor:'transparent',tickLength:0,categories:date},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,tickInterval:0.1,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+'">'+self.labels[lang].xTitle+':</span></b> '+this.x+'';_html+='<br/><b><span style="color:'+this.color+'">'+self.labels[lang].yTitleTooltip+':</span></b> '+this.y+"%";return _html}},plotOptions:{column:{minPointLength:2}},series:[{name:name[0],data:bar1,type:'line',color:this.colors["bar1"]},{name:name[1],data:bar2,type:'line',color:this.colors["bar2"]},{name:name[2],data:bar3,type:'line',color:this.colors["bar3"]}],exporting:{enabled:false},}},redraw:function(){var chart=this.chart;var offsetx,offsety;var self=this;var distance=chart.plotWidth/10;offsetx=chart.plotLeft-distance;offsety=50;$("#chartBackground1").remove();for(var i=1;i<=11;i++){$("#stockconnectpath"+i).remove();chart.renderer.path(['M',offsetx+distance*i,offsety+self.chartheight[self.mode]-20,'L',offsetx+distance*i,offsety]).attr({id:'stockconnectpath'+i,'stroke-width':0.5,stroke:'#C0D0E0'}).add()}chart.renderer.rect(self.left_margin[self.mode],20,chart.plotWidth,self.chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground1',}).add()},drawBackground:function(){var chart=this.chart;var offsetx,offsety;var self=this;this.redraw()},labels:{tc:{yTitle:"<b>溢<br/>價<br/>/<br/>折<br/>讓<br/>︵<br/>%<br/>︶</b>",xTitle:"<b>日期</b>",yTitleTooltip:"溢價",},sc:{yTitle:"<b>溢<br/>价<br/>/<br/>折<br/>让<br/>︵<br/>%<br/>︶</b>",xTitle:"<b>日期</b>",yTitleTooltip:"溢价",},en:{yTitle:"<b>Premium / Discount %</b>",xTitle:"<b>Date</b>",yTitleTooltip:"Premium",},},}