Highcharts.setOptions({lang:{rangeSelectorZoom:"",rangeSelectorFrom:((lang=="en")?"From":"由"),rangeSelectorTo:((lang=="en")?"To":"至"),}});var outstandingChart={chart:null,mode:"desktop",wtype:null,margin:{mobile:40,desktop:80},chartheight:{mobile:230,desktop:295},assist_chartheight:{mobile:90,desktop:130},init:function(code,cratio,issuer,callback){var self=this;self.mode=(window.innerWidth<991)?"mobile":"desktop";if(!/[^0-9]/.test(code)){if(code*1>=10000&&code*1<=29999){self.wtype="warrant"}else if(code*1>=49500&&code*1<=69999){self.wtype="cbbc"}else{self.wtype="warrant"}}else{self.wtype="warrant"}$.getJSON('/'+lang+'/data/chart/outstandingChart/code/'+code,function(_data){var data=self.decode(_data);$('#outstandingChartContainer').highcharts('StockChart',self.getJSON(data),function(chart){self.chart=chart;self.drawBackground()})})},decode:function(_data){return _data.mainData},colors:{line1:"#007DB7",line2:"#DC6801",line3:"#FDCD07",bar1:"#184ABD",bar2:"#7CB5EC",bar3:"#434348",},getJSON:function(data){var close=[];var os=[];var osp=[];var turnover=[];var s_buy={};var s_sell={};var s_buy2=[];var s_sell2=[];for(i=0;i<data.length;i++){close.push([data[i]["ts"],data[i]["last"]]);os.push([data[i]["ts"],data[i]["os"]]);osp.push([data[i]["ts"],data[i]["osp"]]);turnover.push([data[i]["ts"],data[i]["turnover"]*1]);s_buy[data[i]["ts"]]=data[i]["s_buy"];s_sell[data[i]["ts"]]=data[i]["s_sell"];s_buy2.push([data[i]["ts"],data[i]["s_buy"]]);s_sell2.push([data[i]["ts"],data[i]["s_sell"]])}var self=this;return{chart:{marginLeft:self.margin[self.mode],marginRight:self.margin[self.mode],marginBottom:80,spacingTop:0,events:{redraw:function(event){self.redraw()}}},plotOptions:{line:{events:{legendItemClick:function(){return false}}}},tooltip:{useHTML:true,formatter:function(){var _html='<div class="chart_tooltip">'+Highcharts.dateFormat('%Y-%m-%d',this.x)+'</b>';_html+='<br/><b><span style="color:'+self.colors["line1"]+'">'+self.labels[lang][self.wtype].hTitle1+':</span> '+this.points[0].y+'';_html+='<br/><span style="color:'+self.colors["line2"]+'">'+self.labels[lang][self.wtype].hTitle2+':</span> '+this.points[1].y;_html+='<br/><span>'+self.labels[lang][self.wtype].hTitle3+':</span> '+s_buy[this.x];_html+='<br/><span>'+self.labels[lang][self.wtype].hTitle4+':</span> '+s_sell[this.x]+"</b></div>";return _html}},rangeSelector:{selected:1,height:55,buttons:[{type:'day',count:5,text:self.labels[lang].day5},{type:'month',count:1,text:self.labels[lang].month1},{type:'month',count:2,text:self.labels[lang].month2},{type:'month',count:3,text:self.labels[lang].month3}],allButtonsEnabled:true,inputBoxHeight:20,inputDateFormat:'%d-%m-%Y',buttonPosition:{x:0,},inputPosition:{x:270*((self.mode=="desktop")?1:-1),y:2,align:"left"},inputStyle:{"fontSize":"14px",},labelStyle:{"fontSize":"14px",},buttonSpacing:0,buttonTheme:{fill:'none',padding:6,width:((lang=="en")?50:30),stroke:'#FFCC07','stroke-width':1,style:{color:'#000',fontWeight:'bold'},states:{select:{fill:'#FFCC07',stroke:'#FFCC07',},hover:{fill:'#FFCC07',stroke:'#FFCC07',}}},},xAxis:{type:'datetime',gridLineWidth:0,tickColor:'#00000000',labels:{formatter:function(){return Highcharts.dateFormat('%d/%m',this.value)}},offset:((self.mode=="desktop")?0:-140),},yAxis:[{title:{text:self.mode=="mobile"?null:this.labels[lang][this.wtype].vTitle1,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-40),},labels:{align:'left',x:10,y:5,formatter:function(){return this.value.toFixed(2)}},offset:0,tickAmount:7,showFirstLabel:false,showLastLabel:false,height:self.chartheight[self.mode],},{title:{text:self.mode=="mobile"?null:this.labels[lang][this.wtype].vTitle2,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-40),},labels:{align:'right',x:-10,y:5,formatter:function(){return this.value}},offset:0,tickAmount:7,showFirstLabel:false,showLastLabel:false,gridLineWidth:0,opposite:false,height:self.chartheight[self.mode],},{title:{text:self.mode=="mobile"?null:this.labels[lang][this.wtype].vTitle4,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'right',x:-10,y:5,formatter:function(){return(this.isFirst)?"":this.value}},offset:0,min:0,top:((self.mode=="desktop")?375:310),max:100,height:self.assist_chartheight[self.mode],tickAmount:5,tickPixelInterval:30,opposite:false,},{title:{text:this.labels[lang][this.wtype].vTitle5,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'right',x:-10,y:5,formatter:function(){return(this.isFirst)?"":this.value}},offset:0,min:0,top:((self.mode=="desktop")?545:445),max:100,height:self.assist_chartheight[self.mode],tickAmount:5,tickPixelInterval:30,opposite:false,}],navigator:{enabled:false,},scrollbar:{enabled:false},series:[{name:this.labels[lang][this.wtype].legend1,data:close,color:this.colors["line1"],},{name:this.labels[lang][this.wtype].legend2,data:os,yAxis:1,color:this.colors["line2"],},{name:this.labels[lang][this.wtype].legend3,data:osp,type:'column',yAxis:2,color:this.colors["line3"],},{name:"s_buy",data:s_buy2,type:'column',stacking:'percent',yAxis:3,color:this.colors["bar2"],},{name:"s_sell",data:s_sell2,type:'column',stacking:'percent',yAxis:3,color:this.colors["bar3"],}],exporting:{enabled:false}}},redraw:function(){var chart=this.chart;var offsetx,offsety;var self=this;$("#chartBackground1").remove();$("#chartBackground2").remove();$("#chartLegend1").remove();$("#chartLegend2").remove();$("#chartFlag1").remove();$("#chartFlag2").remove();chart.renderer.rect(self.margin[self.mode],55,chart.plotWidth,self.chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground1',}).add();chart.renderer.rect(self.margin[self.mode],55+self.chartheight[self.mode]+25,chart.plotWidth,self.assist_chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground2',}).add();chart.renderer.rect(self.margin[self.mode],((self.mode=="desktop")?545:445),chart.plotWidth,self.assist_chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground3',}).add();offsetx=this.margin[this.mode];offsety=55;chart.renderer.rect(offsetx+15,offsety+13,15,2,0).attr({fill:this.colors["line1"],'stroke-width':0,id:'chartFlag1',}).add();chart.renderer.text(this.labels[lang][this.wtype].legend1,offsetx+35,offsety+18).css({fontSize:'12px',id:'chartLegend1',}).add();chart.renderer.rect(self.mode=="mobile"?offsetx+15:offsetx+15+125,self.mode=="mobile"?offsety+13+13+9:offsety+13,15,2,0).attr({fill:this.colors["line2"],'stroke-width':0,id:'chartFlag2',}).add();chart.renderer.text(this.labels[lang][this.wtype].hTitle3,self.mode=="mobile"?offsetx+35:offsetx+35+125,self.mode=="mobile"?offsety+18+18+4:offsety+18).css({fontSize:'12px',id:'chartLegend2',}).add()},drawBackground:function(){var chart=this.chart;var offsetx,offsety;var self=this;this.redraw();offsetx=self.margin[self.mode];offsety=((self.mode=="desktop")?530:430);chart.renderer.rect(offsetx+15,offsety-9,15,10,0).attr({fill:this.colors["line3"],'stroke-width':0,}).add();chart.renderer.text(this.labels[lang][this.wtype].legend3,offsetx+35,offsety).css({fontSize:'12px'}).add();offsety=((self.mode=="desktop")?715:575);chart.renderer.rect(offsetx+15,offsety-9,15,10,0).attr({fill:this.colors["bar2"],'stroke-width':0,}).add();chart.renderer.text(this.labels[lang][this.wtype].hTitle3,offsetx+35,offsety).css({fontSize:'12px'}).add();chart.renderer.rect(self.mode=="mobile"?offsetx+15:offsetx+30+150,self.mode=="mobile"?offsety+13:offsety-9,15,10,0).attr({fill:this.colors["bar3"],'stroke-width':0,}).add();chart.renderer.text(this.labels[lang][this.wtype].hTitle4,self.mode=="mobile"?offsetx+35:offsetx+50+150,self.mode=="mobile"?offsety+18+4:offsety).css({fontSize:'12px'}).add();if(self.mode=="desktop"){chart.renderer.image('/home/images/chart/icon_calendar.png',245,0,30,30).add()}},labels:{en:{day5:'5Days',month1:'1Month',month2:'2Months',month3:'3Months',warrant:{vTitle1:"Warrants Price (HKD)",vTitle2:"Outstanding Qty (Million shares)",vTitle3:"",vTitle4:"Outstanding Qty (%)",vTitle5:"LP Activity (%)",hTitle1:"Warrants Price (HKD)",hTitle2:"Outstanding Qty (Million shares)",hTitle3:"LP Bought (Million shares)",hTitle4:"LP Sold (Million shares)",legend1:"Warrants Price",legend2:"Outstanding Qty",legend3:"Market Volume",legend5:"LP Activity (%)",},cbbc:{vTitle1:"CBBC Price (HKD)",vTitle2:"Outstanding Qty (Million shares)",vTitle3:"",vTitle4:"Outstanding Qty (%)",vTitle5:"LP Activity (%)",hTitle1:"CBBC Price (HKD)",hTitle2:"Outstanding Qty (Million shares)",hTitle3:"LP Bought (Million shares)",hTitle4:"LP Sold (Million shares)",legend1:"CBBC Price",legend2:"Outstanding Qty",legend3:"Market Volume",legend5:"LP Activity (%)",}},sc:{day5:'5日',month1:'1个月',month2:'2个月',month3:'3个月',warrant:{vTitle1:"认<br>股<br>证<br>价<br>格<br>︵<br>港<br>元<br>︶",vTitle2:"街<br>货<br>量<br>︵<br>百<br>万<br>份<br>︶",vTitle4:"街<br>货<br>量<br>︵<br>%<br>︶",vTitle5:"庄<br>家<br>活<br>动<br>︵<br>%<br>︶",hTitle1:"认股证价格(港元)",hTitle2:"街货量(百万份)",hTitle3:"流通提供者买入(百万)",hTitle4:"流通提供者卖出(百万)",legend1:"认股证价格",legend2:"街货量",legend3:"市场成交量",legend5:"庄家活动%",},cbbc:{vTitle1:"牛<br>熊<br>证<br>价<br>格<br>︵<br>港<br>元<br>︶",vTitle2:"街<br>货<br>量<br>︵<br>百<br>万<br>份<br>︶",vTitle3:"",vTitle4:"街<br>货<br>量<br>︵<br>%<br>︶",vTitle5:"庄<br>家<br>活<br>动<br>︵<br>%<br>︶",hTitle1:"牛熊证价格(港元)",hTitle2:"街货量(百万份)",hTitle3:"流通量提供者买入(百万份)",hTitle4:"流通量提供者卖出(百万份)",legend1:"牛熊证价格",legend2:"街货量",legend3:"市场成交量",legend5:"庄家活动%",}},tc:{day5:'5日',month1:'1個月',month2:'2個月',month3:'3個月',warrant:{vTitle1:"認<br>股<br>證<br>價<br>格<br>︵<br>港<br>元<br>︶",vTitle2:"街<br>貨<br>量<br>︵<br>百<br>萬<br>份<br>︶",vTitle4:"街<br>貨<br>量<br>︵<br>%<br>︶",vTitle5:"莊<br>家<br>活<br>動<br>︵<br>%<br>︶",hTitle1:"認股證價格(港元)",hTitle2:"街貨量(百萬)",hTitle3:"流通量提供者買入(百萬份)",hTitle4:"流通量提供者賣出(百萬份)",legend1:"認股證價格",legend2:"街貨量",legend3:"市場成交量",legend5:"莊家活動%",},cbbc:{vTitle1:"牛<br>熊<br>證<br>價<br>格<br>︵<br>港<br>元<br>︶",vTitle2:"街<br>貨<br>量<br>︵<br>百<br>萬<br>份<br>︶",vTitle3:"",vTitle4:"街<br>貨<br>量<br>︵<br>%<br>︶",vTitle5:"莊<br>家<br>活<br>動<br>︵<br>%<br>︶",hTitle1:"牛熊證價格(港元)",hTitle2:"街貨量(百萬)",hTitle3:"流通量提供者買入(百萬份)",hTitle4:"流通量提供者賣出(百萬份)",legend1:"牛熊證價格",legend2:"街貨量",legend3:"市場成交量",legend5:"莊家活動%",}},},}