Highcharts.setOptions({lang:{rangeSelectorZoom:"",noData:((lang=="en")?"No Related Information":"沒有相關資料"),}});var indexChart={mode:"desktop",init:function(type,callback){dateFormat=type=="day"?"%H:%M":"%d/%m";var self=this;self.mode=(window.innerWidth<991)?"mobile":"desktop";$.getJSON('/'+lang+'/data/chart/indexChart/type/'+type,function(_data){var data=self.decode(_data);$('#indexChartContainer').highcharts('StockChart',self.getJSON(data),function(chart){self.chart=chart;self.drawBackground()})})},decode:function(_data){return _data.mainData},colors:{line1:"#007BB3",line2:"#E56922",line3:"#70BF7F",line4:"#FAD63D"},left_margin:{mobile:70,desktop:180},right_margin:{mobile:20,desktop:180},chartheight:{mobile:218,desktop:262},getJSON:function(data){var hsi_pchng=[];var cei_pchng=[];var zzzb_pchng=[];var zzzc_pchng=[];var cei_last=[];var hsi_last=[];var zzzb_last=[];var zzzc_last=[];var max=0;for(i=0;i<data.length;i++){hsi_pchng.push([data[i]["ts"],data[i]["hsi_pchng"]]);cei_pchng.push([data[i]["ts"],data[i]["cei_pchng"]]);zzzb_pchng.push([data[i]["ts"],data[i]["zzzb_pchng"]]);zzzc_pchng.push([data[i]["ts"],data[i]["zzzc_pchng"]]);hsi_last.push([data[i]["ts"],data[i]["hsi_last"]]);cei_last.push([data[i]["ts"],data[i]["cei_last"]]);zzzb_last.push([data[i]["ts"],data[i]["zzzb_last"]]);zzzc_last.push([data[i]["ts"],data[i]["zzzc_last"]]);max=Math.max(max,Math.abs(data[i]["hsi_pchng"]*1));max=Math.max(max,Math.abs(data[i]["cei_pchng"]*1));max=Math.max(max,Math.abs(data[i]["zzzb_pchng"]*1));max=Math.max(max,Math.abs(data[i]["zzzc_pchng"]*1))}var self=this;return{chart:{pinchType:'',marginLeft:self.left_margin[self.mode],marginRight:self.right_margin[self.mode],marginBottom:110,spacingTop:20,events:{redraw:function(event){self.redraw()}}},plotOptions:{line:{events:{legendItemClick:function(){return false}}}},tooltip:{borderWidth:0,borderRadius:0,shadow:false,padding:0,useHTML:true,backgroundColor:"rgba(255,255,255,0)",formatter:function(){var index=this.points[0].point.index;var isNan=isNaN(hsi_last[index][1]);var hsiLast,ceiLast,zzzbLast,zzzcLast;hsiLast=isNaN(hsi_last[index][1])==true?"0":hsi_last[index][1];ceiLast=isNaN(cei_last[index][1])==true?"0":cei_last[index][1];zzzbLast=isNaN(zzzb_last[index][1])==true?"0":zzzb_last[index][1];zzzcLast=isNaN(zzzc_last[index][1])==true?"0":zzzc_last[index][1];hsiLast=Math.round(hsiLast*100)/100;var _html=Highcharts.dateFormat(dateFormat,this.x);_html+='<table class="mainlandIndex">';_html+='<tr><td border-bottom:none;><span style="color:'+self.colors["line1"]+'">'+self.labels[lang].yTitle1Tooltip+':</span></td><td border-bottom:none;>'+this.points[0].y + self.labels[lang].percentage+'</td></tr>';_html+='<tr><td border-bottom:none;></td><td border-bottom:none;>' + hsiLast + self.labels[lang].point+ '</td></tr>';_html+='<tr><td><span style="color:'+self.colors["line2"]+'">'+self.labels[lang].yTitle2Tooltip+':</span></td><td>'+this.points[1].y + self.labels[lang].percentage+'</td></tr>';_html+='<tr><td></td><td>' + ceiLast + self.labels[lang].point+ '</td></tr>';_html+='<tr><td><span style="color:'+self.colors["line3"]+'">'+self.labels[lang].yTitle3Tooltip+':</span></td><td>'+this.points[2].y + self.labels[lang].percentage+'</td></tr>';_html+='<tr><td></td><td>' + zzzbLast + self.labels[lang].point + '</td></tr>';_html+='<tr><td><span style="color:'+self.colors["line4"]+'">'+self.labels[lang].yTitle4Tooltip+':</span></td><td>'+this.points[3].y + self.labels[lang].percentage+'</td></tr>';_html+='<tr><td></td><td>' + zzzcLast + self.labels[lang].point + '</td></tr>';_html+='</table>';return _html}},rangeSelector:{enabled:false,},xAxis:{type:'datetime',lineWidth:0,gridLineWidth:0,tickColor:'#00000000',lineColor:'#00000000',labels:{style:{color:"#000"},y:((self.mode=="mobile")?-32:5),formatter:function(){return Highcharts.dateFormat(dateFormat,this.value)}}},yAxis:[{title:{text:this.labels[lang].yTitle,rotation:((lang=="en")?90:0),x:-5,y:-19,useHTML:true,style:{color:"#000"}},labels:{align:'right',x:-5,y:5,style:{color:"#000"},formatter:function(){return this.value.toFixed(2)}},opposite:false,tickAmount:7,showFirstLabel:false,showLastLabel:false,height:self.chartheight[self.mode],max:max,min:max*-1,},],credits:{enabled:false},navigator:{enabled:false,},scrollbar:{enabled:false},series:[{name:this.labels[lang].legend1,data:hsi_pchng,color:this.colors["line1"],},{name:this.labels[lang].legend2,data:cei_pchng,color:this.colors["line2"],},{name:this.labels[lang].legend3,data:zzzb_pchng,color:this.colors["line3"],},{name:this.labels[lang].legend4,data:zzzc_pchng,color:this.colors["line4"],},],exporting:{enabled:false}}},redraw:function(){var chart=this.chart;var offsetx,offsety;var self=this;offsetx=self.left_margin[self.mode];offsety=20;$("#chartBackground1").remove();$("#chartLegend1").remove();$("#chartLegend2").remove();$("#chartLegend3").remove();$("#chartLegend4").remove();$("#chartFlag1").remove();$("#chartFlag2").remove();$("#chartFlag3").remove();$("#chartFlag4").remove();chart.renderer.rect(offsetx,20,chart.plotWidth,self.chartheight[self.mode],0).attr({fill:'#F9F9F9',stroke:'#C0C0C0','stroke-width':1,id:'chartBackground1',}).add();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].yTitle1Tooltip,offsetx+35,offsety+18).css({fontSize:'12px'}).attr({id:'chartLegend1',}).add();chart.renderer.rect(offsetx+15+70,offsety+13,15,2,0).attr({fill:this.colors["line2"],'stroke-width':0,id:'chartFlag2',}).add();chart.renderer.text(this.labels[lang].yTitle2Tooltip,offsetx+35+70,offsety+18).css({fontSize:'12px'}).attr({id:'chartLegend2',}).add();chart.renderer.rect(self.mode=="mobile"?offsetx+15:offsetx+15+140,self.mode=="mobile"?offsety+13+13+7:offsety+13,15,2,0).attr({fill:this.colors["line3"],'stroke-width':0,id:'chartFlag3',}).add();chart.renderer.text(this.labels[lang].yTitle3Tooltip,self.mode=="mobile"?offsetx+35:offsetx+35+140,self.mode=="mobile"?offsety+18+18+2:offsety+18).css({fontSize:'12px'}).attr({id:'chartLegend3',}).add();chart.renderer.rect(self.mode=="mobile"?offsetx+15+70:offsetx+15+210,self.mode=="mobile"?offsety+13+13+7:offsety+13,15,2,0).attr({fill:this.colors["line4"],'stroke-width':0,id:'chartFlag4',}).add();chart.renderer.text(this.labels[lang].yTitle4Tooltip,self.mode=="mobile"?offsetx+35+70:offsetx+35+210,self.mode=="mobile"?offsety+18+18+2:offsety+18).css({fontSize:'12px'}).attr({id:'chartLegend4',}).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/>︶</b>",yTitle1Tooltip:"恆指",yTitle2Tooltip:"國指",yTitle3Tooltip:"上證",yTitle4Tooltip:"深證",point:"點",percentage:"%",},sc:{yTitle:"<b>指<br/>数<br/>升<br/>跌<br/>︵<br/>％<br/>︶</b>",yTitle1Tooltip:"恒指",yTitle2Tooltip:"国指",yTitle3Tooltip:"上证",yTitle4Tooltip:"深证",point:"点",percentage:"%",},en:{yTitle:"Index Change (%)",yTitle1Tooltip:"HSI",yTitle2Tooltip:"HSCE",yTitle3Tooltip:"SSE",yTitle4Tooltip:"SZSE",point:"pt.",percentage:"%",},},}