var uIntradayChart={chart:null,mode:"desktop",container:"",month:1,chartType:"line",init:function(code,month){var self=this;self.mode=(window.innerWidth<991)?"mobile":"desktop";self.month=month;$.getJSON('/'+lang+'/data/chart/uIntradayChart/code/'+code+'/month/'+self.month,function(_data){var data=self.decode(_data);$((self.container=='')?'#uIntradayChartContainer':'#'+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",},getJSON:function(data){var close=[];var os=[];var osp=[];var turnover=[];for(i=0;i<data.length;i++){close.push([data[i][0],data[i][1]]);turnover.push([data[i][0],data[i][2]])}var self=this;return{chart:{marginLeft:60,marginRight:5,marginBottom:20,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(19):""+self.genSpaceTab(59)}else{html+=self.mode=="mobile"?"<br>"+self.genSpaceTab(13):""+self.genSpaceTab(45)}html+='<span style="color:#E97329;">'+(this.points[1].y.toFixed(3))+"</span>";return"<b><div>"+html+"</div></b>"},positioner:function(){return{x:78+25+((lang=="en")?20:0),y:5}}},rangeSelector:{enabled:false,},xAxis:{type:'datetime',gridLineWidth:1,tickColor:'#00000000',lineColor:'#00000000',labels:{style:{color:"#000"},y:-70,formatter:function(){return Highcharts.dateFormat('%d/%m',this.value)}},tickPositioner:function(){if(self.month=="intraday"){var positions=[];var msec=60*60*1000;var lastday=0;close[close.length-1][0];for(i=0;i<close.length;i++){var _today=Math.floor(close[i][0]/msec)*msec;if(lastday!=_today){lastday=_today;positions.push(close[i][0])}}return positions}else{return this.tickPositions}},},yAxis:[{title:{text:null,},labels:{align:'right',x:-10,y:5,formatter:function(){return this.value.toFixed(2)}},offset:0,tickAmount:5,height:145,opposite:false,showLastLabel:true,},{title:{text:null,},offset:0,top:215,height:80,labels:{align:'right',x:-10,y:5,formatter:function(){return(this.value)}},tickAmount:4,tickPixelInterval:30,opposite:false,}],navigator:{enabled:false,},scrollbar:{enabled:false},series:[{name:this.labels[lang].legend1,data:close,type:(self.chartType=="candle"?"candlestick":"line"),color:this.colors["line1"],},{name:this.labels[lang].legend2,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;var offsetx=60;var offsety=50;$("#chartBackground1").remove();$("#chartBackground2").remove();$("#chartLegend1").remove();$("#chartLegend2").remove();$("#chartFlag1").remove();$("#chartFlag2").remove();chart.renderer.rect(offsetx,offsety,chart.plotWidth,145,0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground1',}).add();chart.renderer.rect(offsetx,offsety+145+20,chart.plotWidth,80,0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground2',}).add();offsety=5;chart.renderer.rect(15,offsety+13,15,2,0).attr({fill:this.colors["line1"],'stroke-width':0,id:'chartFlag1',}).add();chart.renderer.text(this.labels[lang].legend1,35,offsety+18).css({fontSize:'12px'}).attr({id:'chartLegend1',}).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:'chartFlag2',}).add();chart.renderer.text(this.labels[lang].legend2,20+offsetx,offsety+18).css({fontSize:'12px',}).attr({id:'chartLegend2',}).add()},drawBackground:function(){this.redraw()},labels:{en:{legend1:"Underlying Price",legend2:"Underlying Turnover(Million)",},sc:{legend1:"相关资产价格",legend2:"相关资产成交量(百万)",},tc:{legend1:"相關資產價格",legend2:"相關資產成交量(百萬)",},},}