Highcharts.setOptions({lang:{rangeSelectorZoom:"",}});var mainlandIndexChart={chart:null,mode:"desktop",container:"",chartType:"line",init:function(code,type){var self=this;self.mode=(window.innerWidth<991)?"mobile":"desktop";$.getJSON('/?q=/'+lang+'/data/chart/mainlandIndexChart/code/'+code+'/type/'+type,function(_data){var data=self.decode(_data);$((self.container=='')?'#mainlandIndexChartContainer':'#'+self.container).highcharts('StockChart',self.getJSON(data),function(chart){self.chart=chart;self.drawBackground()})})},decode:function(_data){return _data.mainData},colors:{line1:"#409E48",bar1:"#E97329",},margin:{mobile:60,desktop:80},chartheight:{mobile:218,desktop:262},getJSON:function(data){var last=[];var turnover=[];for(i=0;i<data.length;i++){last.push([data[i]["ts"],data[i]["last"]*1]);turnover.push([data[i]["ts"],data[i]["turnover"]*1])}var self=this;return{chart:{marginLeft:60,marginRight:5,spacingTop:50,events:{redraw:function(event){self.redraw()}}},plotOptions:{line:{events:{legendItemClick:function(){return false}}}},tooltip:{backgroundColor:'none',borderWidth:0,shadow:false,useHTML:true,padding:0,formatter:function(){var html='<span style="color:#409E48;">'+(this.points[0].y.toFixed(2))+"</span>";if(lang=="en"){html+=self.mode=="mobile"?"<br>":self.genSpaceTab(this.points[0].y.toFixed(2)<9999?42+1:42)}else{html+=self.mode=="mobile"?"<br>"+self.genSpaceTab(10):self.genSpaceTab(this.points[0].y.toFixed(2)<9999?42+1:42)}html+='<span style="color:#E97329;">'+(this.points[1].y/100000)+"</span>";return"<b><div>"+html+"</div></b>"},positioner:function(){return{x:((lang=="en")?122:100),y:4}}},rangeSelector:{enabled:false,},xAxis:{type:'datetime',gridLineWidth:1,tickColor:'#00000000',lineColor:'#00000000',labels:{style:{color:"#000"},y:((self.mode=="mobile")?10:-70),formatter:function(){return Highcharts.dateFormat('%d/%m',this.value)}}},yAxis:[{title:{text:null,},labels:{align:'right',x:-10,y:5,formatter:function(){return this.value}},offset:0,tickAmount:5,showFirstLabel:false,showLastLabel:false,height:145,opposite:false,},{title:{text:null,},offset:0,top:215,height:80,labels:{align:'right',x:-10,y:5,formatter:function(){return this.value/100000}},tickAmount:4,showFirstLabel:false,showLastLabel:false,tickPixelInterval:30,opposite:false,}],navigator:{enabled:false,},scrollbar:{enabled:false},series:[{name:this.labels[lang].legend1,data:last,type:'line',color:this.colors["line1"],},{name:this.labels[lang].legend4,data:turnover,type:'column',yAxis:1,color:this.colors["bar1"],}],exporting:{enabled:false}}},genSpaceTab:function(times){var space="";for(var i=0;i<times;i++){space+="&nbsp;"}return space},redraw:function(){var chart=this.chart;var offsetx,offsety;var self=this;$("#mainlandIndexChartBackground1").remove();$("#mainlandIndexChartBackground2").remove();$("#mainlandIndexChartLegend1").remove();$("#mainlandIndexChartLegend2").remove();$("#mainlandIndexChartFlag1").remove();$("#mainlandIndexChartFlag2").remove();var offsetx=60;var offsety=50;chart.renderer.rect(60,offsety,chart.plotWidth,145,0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'mainlandIndexChartBackground1',}).add();chart.renderer.rect(60,offsety+145+20,chart.plotWidth,80,0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'mainlandIndexChartBackground2',}).add();offsety=5;chart.renderer.rect(15,offsety+13,15,2,0).attr({fill:this.colors["line1"],'stroke-width':0,id:'mainlandIndexChartFlag1',}).add();chart.renderer.text(this.labels[lang].legend1,35,offsety+18).css({fontSize:'12px',}).attr({id:'mainlandIndexChartLegend1',}).add();if(self.mode=="mobile"){offsetx=45-((lang=="en")?30:30);offsety=20}else{offsetx=200-((lang=="en")?0:30);offsety=5}chart.renderer.rect(offsetx,offsety+9,15,10,0).attr({fill:this.colors["bar1"],'stroke-width':0,id:'mainlandIndexChartFlag2',}).add();chart.renderer.text(this.labels[lang].legend2,20+offsetx,offsety+18).css({fontSize:'12px',}).attr({id:'mainlandIndexChartLegend2',}).add()},drawBackground:function(){var chart=this.chart;var offsetx,offsety;var self=this;this.redraw()},labels:{en:{legend1:"Underlying Price",legend2:"Turnover(Million)"},sc:{legend1:"相关资产价格",legend2:"相关资产成交(百万)"},tc:{legend1:"相關資產價格",legend2:"相關資產成交(百萬)"},},}