var charttypename="";var charttypename_long="";Highcharts.setOptions({lang:{rangeSelectorZoom:"",rangeSelectorFrom:((lang=="en")?"From":"由"),rangeSelectorTo:((lang=="en")?"To":"至"),noData:((lang=="en")?"No Related Information":"沒有相關資料"),}});var productChart={chart:null,chart2:null,mode:"desktop",wtype:null,init:function(code,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/productChart/code/'+code,function(_data){var data=self.decode(_data);$('#productChartContainer').highcharts('StockChart',self.getJSON(data),function(chart){self.chart=chart;self.drawBackground()})})},decode:function(_data){return _data.mainData},colors:{line1:"#007DB7",line2:"#DC6801",bar1:"#FDCD07",bar2:"#04BDD3",bar3:"#79D5F3"},margin:{mobile:40,desktop:80},chartheight:{mobile:230,desktop:295},assist_chartheight:{mobile:90,desktop:130},getJSON:function(data){var last=[];var ulast=[];var bar1=[];var bar2=[];var bar3=[];var candle1=[];var candle2=[];var turnoverMap=[];for(i=0;i<data.length;i++){last.push([data[i]["ts"],data[i]["last"]]);ulast.push([data[i]["ts"],data[i]["ulast"]]);bar1.push([data[i]["ts"],data[i]["uturnover"]]);bar2.push([data[i]["ts"],data[i]["turnover"]]);bar3.push([data[i]["ts"],data[i]["os"]]);candle1.push([data[i]["ts"],data[i]["open"],data[i]["high"],data[i]["low"],data[i]["low"]]);candle2.push([data[i]["ts"],data[i]["uopen"],data[i]["uhigh"],data[i]["ulow"],data[i]["ulow"]])}var self=this;return{chart:{marginLeft:self.margin[self.mode],marginRight:self.margin[self.mode],spacingTop:0,events:{redraw:function(event){self.redraw()}}},plotOptions:{line:{events:{legendItemClick:function(){return false},}}},tooltip:{useHTML:true,formatter:function(){var _html="";var i=0;if(typeof this.points[2]!="undefined"){_html='<div class="chart_tooltip">'+Highcharts.dateFormat('%d-%m-%Y',this.x)+'</b><b>';if(this.points[i].series.name==self.labels[lang][self.wtype].legend1){_html+='<br/><span style="color:'+self.colors["line1"]+'">'+self.labels[lang][self.wtype].tooltip1+'</span> '+this.points[i].y+'';i++}if(this.points[i].series.name==self.labels[lang][self.wtype].legend2){_html+='<br/><span style="color:'+self.colors["line2"]+'">'+self.labels[lang][self.wtype].tooltip2+'</span> '+(this.points[i].y);i++}_html+='<br/><span style="color:'+self.colors["bar2"]+'">'+self.labels[lang][self.wtype].legend4+'</span> '+(this.points[i].y);i++;_html+='<br/><span style="color:'+self.colors["bar1"]+'">'+self.labels[lang][self.wtype].legend3+'</span> '+(this.points[i].y);i++;_html+='<br/><span style="color:'+self.colors["bar3"]+'">'+self.labels[lang][self.wtype].legend5+'</span> '+(this.points[i].y)+"</b></div>"}if(_html==""){return false}return _html}},rangeSelector:{selected:1,height:55,buttons:[{type:'day',count:5,text:this.labels[lang].rangeselector[0],},{type:'month',count:1,text:this.labels[lang].rangeselector[1],},{type:'month',count:2,text:this.labels[lang].rangeselector[2],},{type:'month',count:3,text:this.labels[lang].rangeselector[3],}],allButtonsEnabled:true,inputBoxHeight:20,inputBoxWidth:100,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',lineWidth:0,gridLineWidth:0,tickColor:'#00000000',labels:{formatter:function(){return Highcharts.dateFormat('%d/%m',this.value)}},visible:false,},yAxis:[{title:{text:self.mode=="mobile"?null:this.labels[lang][this.wtype].yTitle3,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'right',y:5,x:-5,formatter:function(){return(this.isFirst)?"":this.value}},offset:0,top:((self.mode=="mobile")?310:375),height:self.assist_chartheight[self.mode],tickAmount:5,tickPixelInterval:30,opposite:false,},{title:{text:self.mode=="mobile"?null:this.labels[lang][this.wtype].yTitle4,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'left',y:5,x:5,formatter:function(){return(this.isFirst)?"":this.value}},offset:0,top:((self.mode=="mobile")?310:375),height:self.assist_chartheight[self.mode],tickAmount:5,tickPixelInterval:30,opposite:true,},{title:{text:self.mode=="mobile"?null:this.labels[lang][this.wtype].yTitle5,useHTML:true,margin:20,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'right',y:5,x:-5,formatter:function(){return(this.isFirst)?"":this.value}},offset:0,top:((self.mode=="mobile")?465:550),height:self.assist_chartheight[self.mode],tickAmount:5,tickPixelInterval:30,opposite:false,},{title:{useHTML:true,margin:20,text:self.mode=="mobile"?null:this.labels[lang][this.wtype].yTitle1,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'left',y:5,x:5,formatter:function(){return this.value.toFixed(2)}},offset:0,tickAmount:7,showFirstLabel:false,showLastLabel:false,height:self.chartheight[self.mode],},{title:{useHTML:true,margin:20,text:self.mode=="mobile"?null:this.labels[lang][this.wtype].yTitle2,rotation:((lang=="en")?-90:0),y:((lang=="en")?0:-50),},labels:{align:'right',y:5,x:-5,formatter:function(){return this.value.toFixed(1)}},offset:0,tickAmount:7,showFirstLabel:false,showLastLabel:false,opposite:false,height:self.chartheight[self.mode],}],navigator:{enabled:true,top:self.mode=="mobile"?600:730,xAxis:{labels:{formatter:function(){return Highcharts.dateFormat('%d/%m',this.value)}}},},scrollbar:{enabled:false},series:[{id:'1',name:this.labels[lang][this.wtype].legend1,data:last,yAxis:3,color:this.colors["line1"],},{id:'2',name:this.labels[lang][this.wtype].legend2,data:ulast,yAxis:4,color:this.colors["line2"],},{id:'3',name:this.labels[lang][this.wtype].legend2,data:candle2,type:'candlestick',yAxis:4,color:this.colors["line2"],visible:false,},{name:this.labels[lang][this.wtype].legend3,data:bar1,type:'column',yAxis:0,color:this.colors["bar2"],},{name:this.labels[lang][this.wtype].legend4,data:bar2,type:'column',yAxis:1,color:this.colors["bar1"],},{name:this.labels[lang][this.wtype].legend5,data:bar3,type:'column',yAxis:2,color:this.colors["bar3"],},],exporting:{enabled:false}}},redraw:function(){var chart=this.chart;var offsetx,offsety;var self=this;$("#chartBackground1").remove();$("#chartBackground2").remove();$("#chartBackground3").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],55+self.chartheight[self.mode]+25+(self.mode=="mobile"?155:175),chart.plotWidth,self.assist_chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground3',}).add();offsetx=self.margin[self.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',}).attr({id:'chartLegend1',}).add();chart.renderer.rect(offsetx+15+100+((lang=="en")?10:0),offsety+13,15,2,0).attr({fill:this.colors["line2"],'stroke-width':0,id:'chartFlag2',}).add();chart.renderer.text(this.labels[lang][this.wtype].legend2,offsetx+35+100+((lang=="en")?10:0),offsety+18).css({fontSize:'12px',}).attr({id:'chartLegend2',}).add()},drawBackground:function(){var chart=this.chart;var offsetx,offsety;var self=this;this.redraw();if(self.mode=="desktop"){chart.renderer.image('/home/images/chart/icon_calendar.png',245,0,30,30).add()}offsetx=self.mode=="mobile"?self.margin[self.mode]:self.margin[self.mode]+160;offsety=self.mode=="mobile"?415:520;chart.renderer.rect(offsetx+((lang=="en")?10:0),offsety,15,15,0).attr({fill:this.colors["bar1"],'stroke-width':0,}).add();chart.renderer.text(this.labels[lang][this.wtype].legend3,offsetx+20+((lang=="en")?10:0),offsety+12).css({fontSize:'11px'}).add();offsetx=self.margin[self.mode];offsety=self.mode=="mobile"?415+20:520;chart.renderer.rect(offsetx,offsety,15,15,0).attr({fill:this.colors["bar2"],'stroke-width':0,}).add();chart.renderer.text(this.labels[lang][this.wtype].legend4,offsetx+20,offsety+12).css({fontSize:'11px'}).add();offsetx=self.margin[self.mode];offsety=self.mode=="mobile"?570:700;chart.renderer.rect(offsetx,offsety,15,15,0).attr({fill:this.colors["bar3"],'stroke-width':0,}).add();chart.renderer.text(this.labels[lang][this.wtype].legend5,offsetx+20,offsety+12).css({fontSize:'12px'}).add()},showSeries:function(id){var chart=this.chart;var self=this;var selected=chart.rangeSelector.selected;chart.get(id).show();var yAxisID=(id=='1'?3:4);chart.yAxis[yAxisID].userOptions.title.text=(id=='1'?this.labels[lang][this.wtype].yTitle1:this.labels[lang][this.wtype].yTitle2);chart.yAxis[yAxisID].update();if(selected!=null){chart.rangeSelector.clickButton(selected)}},hideSeries:function(id){var chart=this.chart;var self=this;var selected=chart.rangeSelector.selected;chart.get(id).hide();var yAxisID=(id=='1'?3:4);chart.yAxis[yAxisID].userOptions.title.text="";chart.yAxis[yAxisID].update();if(selected!=null){chart.rangeSelector.clickButton(selected)}},labels:{tc:{warrant:{yTitle1:"認<br>股<br>證<br>價<br>格<br>︵<br>港<br>元<br>︶",yTitle2:"相<br/>關<br/>資<br/>產<br>價<br>格<br>︵<br>港<br>元<br>︶",yTitle3:"相︵<br/>關十<br/>資億<br/>產港<br>成元<br>交︶<br>額",yTitle4:"認︵<br>股百<br>證萬<br>成港<br>交元<br>額︶",yTitle5:"街<br>貨<br>量<br>︵<br>百<br>萬<br>︶",tooltip1:"認股證價格 (港元)",tooltip2:"相關資產價格 (港元)",legend1:"認股證價格",legend2:"相關資產",legend3:"認股證成交額 (百萬港元)",legend4:"相關資產成交額 (十億港元)",legend5:"街貨量 (百萬)",million:"百萬",},cbbc:{yTitle1:"牛<br>熊<br>證<br>價<br>格<br>︵<br>港<br>元<br>︶",yTitle2:"相<br/>關<br/>資<br/>產<br>價<br>格<br>︵<br>港<br>元<br>︶",yTitle3:"相︵<br/>關十<br/>資億<br/>產港<br>成元<br>交︶<br>額",yTitle4:"牛︵<br>熊百<br>證萬<br>成港<br>交元<br>額︶",yTitle5:"街<br>貨<br>量<br>︵<br>百<br>萬<br>︶",tooltip1:"牛熊證價格 (港元)",tooltip2:"相關資產價格 (港元)",legend1:"牛熊證價格",legend2:"相關資產",legend3:"牛熊證成交額 (百萬港元)",legend4:"相關資產成交額 (十億港元)",legend5:"街貨量 (百萬)",million:"百萬",},rangeselector:["5日","1個月","2個月","3個月"],},sc:{warrant:{yTitle1:"认<br>股<br>证<br>价<br>格<br>︵<br>港<br>元<br>︶",yTitle2:"相<br/>关<br/>资<br/>产<br>价<br>格<br>︵<br>港<br>元<br>︶",yTitle3:"相︵<br/>关十<br/>资亿<br/>产港<br>成元<br>交︶<br>额",yTitle4:"认︵<br>股百<br>证万<br>成港<br>交元<br>额︶",yTitle5:"街<br>货<br>量<br>︵<br>百<br>万<br>︶",tooltip1:"认股证价格 (港元)",tooltip2:"相关资产价格 (港元)",legend1:"认股证价格",legend2:"相关资产",legend3:"认股证成交额 (百万港元)",legend4:"相关资产成交额 (十亿港元)",legend5:"街货量 (百万)",million:"百万",},cbbc:{yTitle1:"牛<br>熊<br>证<br>价<br>格<br>︵<br>港<br>元<br>︶",yTitle2:"相<br/>关<br/>资<br/>产<br>价<br>格<br>︵<br>港<br>元<br>︶",yTitle3:"相︵<br/>关十<br/>资亿<br/>产港<br>成元<br>交︶<br>额",yTitle4:"牛︵<br>熊百<br>证万<br>成港<br>交元<br>额︶",yTitle5:"街<br>货<br>量<br>︵<br>百<br>万<br>︶",tooltip1:"牛熊证价格 (港元)",tooltip2:"相关资产价格 (港元)",legend1:"牛熊证价格",legend2:"相关资产",legend3:"牛熊证成交额 (百万港元)",legend4:"相关资产成交额 (十亿港元)",legend5:"街货量 (百万)",million:"百万",},rangeselector:["5日","1个月","2个月","3个月"],},en:{warrant:{yTitle1:"Warrants Price (HKD)",yTitle2:"Underlying Price (HKD)",yTitle3:"Underlying Turnover<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Billion HKD)",yTitle4:"Warrants Turnover<br/>&nbsp;&nbsp;(Million HKD)",yTitle5:"Outstanding Qty<br/>&nbsp;&nbsp;(Million)",tooltip1:"Warrants Price (HKD)",tooltip2:"Underlying Price (HKD)",legend1:"Warrants Price",legend2:"Underlying",legend3:"Warrants Turnover (Million)",legend4:"Underlying Turnover (Billion)",legend5:"Outstanding Qty (Million)",million:"Million",},cbbc:{yTitle1:"CBBC Price (HKD)",yTitle2:"Underlying Price (HKD)",yTitle3:"Underlying Turnover<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Billion HKD)",yTitle4:"CBBC Turnover<br/>&nbsp;&nbsp;&nbsp;(Million HKD)",yTitle5:"Outstanding Qty<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Million)",tooltip1:"CBBC Price (HKD)",tooltip2:"Underlying Price (HKD)",legend1:"CBBC Price",legend2:"Underlying",legend3:"CBBC Turnover (Million)",legend4:"Underlying Turnover (Billion)",legend5:"Outstanding Qty (Million)",million:"Million",},rangeselector:["5Days","1Month","2Months","3Months"],},},}