var css=document.createElement("style");css.type="text/css";css.innerHTML=".highcharts-data-labels { pointer-events:none;}";css.innerHTML+=".highcharts-data-labels span{ text-decoration:none!important; }";document.getElementsByTagName("head")[0].appendChild(css);var _ucode='';var callback;var box_size_ratio=[15,14,13,12,11,10,9,8,7,6];var parent_list=["box1","box1","box2","box2","box2","box2","box2","box2","box2","box2"];var detail_parent_list=["box1","box1","box2","box2","box3","box3","box3","box4","box4","box4"];var uturnoverMapChart={mode:"desktop",type:"inner",init:function(type,callback_temp){var self=this;self.type=type;self.mode=(window.innerWidth<991)?"mobile":"desktop";$.getJSON('/'+lang+'/data/chart/uturnoverMapChart',function(_data){var data=self.decode(_data);$('#uturnoverMapChartContainer').highcharts(self.getJSON(data));self.drawBackground();if(callback_temp!==undefined){callback=callback_temp;if(_data!=null&&_data.length>0){ucode=_data[0].ucode;if(callback!==undefined){callback(ucode)}}}})},decode:function(data){var self=this;var _data=[];var dnColors=['#f8bebd','#f8bebd','#f73847','#f73847','#cf0a1b','#cf0a1b'];var upColors=['#b1daa8','#b1daa8','#3aa943','#3aa943','#0a8544','#0a8544'];var bgColors=['#0a8544','#3aa943','#f8bebd','#f73847','#cf0a1b','#b1daa8'];var noChangeColor='#5EC6E9';var x=0;var y=((self.type=="home")?3:((self.mode=="mobile")?9:5));var count=((self.type=="home")?5:data.length);if(self.type=="home"){_data.push({id:'box1',chng:0,name:0,last:0,turnover:0,value:10,});_data.push({id:'box2',chng:0,name:0,last:0,turnover:0,value:9,})}if(self.type!="home"&&self.mode=="mobile"){_data.push({id:'box1',chng:0,name:0,last:0,turnover:0,value:10,});_data.push({id:'box2',chng:0,name:0,last:0,turnover:0,value:9,});_data.push({id:'box3',chng:0,name:0,last:0,turnover:0,value:8,});_data.push({id:'box4',chng:0,name:0,last:0,turnover:0,value:7,})}for(var i=0;i0){color=upColors[colorIndex]}else if(data[i].pchng<0){color=dnColors[colorIndex]}else if(data[i].pchng==0){color=noChangeColor}_data.push({id:data[i].ucode,pchng:data[i].pchng,chng:data[i].chng,name:data[i].unmll,last:data[i].last,turnover:data[i].turnover,color:color,value:box_size_ratio[i],parent:((self.type=="home")?parent_list[i]:((self.mode=="mobile")?detail_parent_list[i]:null)),});x++;if(x==((self.type=="home")?3:((self.mode=="mobile")?9:5))){y--;x=0}}return{_data:_data}},getJSON:function(data){var self=this;return{title:{text:null},xAxis:{categories:[''],title:{text:null},labels:{enabled:false,},lineWidth:0,minorGridLineWidth:0,lineColor:'transparent',minorTickLength:0,tickLength:0},yAxis:{title:{text:null},labels:{enabled:false},},colorAxis:{min:0,minColor:'#FFFFFF',maxColor:'#458d1f'},tooltip:{enabled:false},legend:{enabled:false},series:[{type:'treemap',layoutAlgorithm:'stripes',alternateStartingDirection:true,levels:[{level:1,layoutAlgorithm:'strip',}],data:data._data,events:{click:function(event){var code=event.point.id.split("=");_ucode=code[0];if(callback!==undefined){callback(_ucode)}}},dataLabels:{enabled:true,useHTML:true,align:"left",verticalAlign:"top",padding:0,formatter:function(a){console.log(a);console.log(this);var name=this.point.name;var turnover=(this.point.turnover).toFixed(2);var last=this.point.last;var pchng=this.point.pchng+"%";var chng=this.point.chng;var x=this.point.x;if(self.type=="home"){x=x-2}else if(self.mode=="mobile"&&self.type!="home"){x=x-4}var html="
"+(x+1)+". "+name+"";html+="
";html+="
"+self.labels[lang].last+last+"
";html+="
"+self.labels[lang].change+chng+" "+pchng+"
";html+="
";if(self.mode=="desktop"){html+="
";html+="
"+self.labels[lang].turnover+turnover+self.labels[lang].million+"
";html+="
"}return html}}}],exporting:{enabled:false}}},redraw:function(){},drawBackground:function(){this.redraw()},labels:{en:{last:"Price:",change:"Change:",turnover:"Turnover:",million:"(Million)",top1:"Top Turnover",top2:"Top2",top3:"Top3",top4:"Top4",top5:"Top5",top6:"Top6",top7:"Top7",top8:"Top8",top9:"Top9",top10:"Top10",},sc:{last:"现价:",change:"升/跌:",turnover:"成交额:",million:"(百万)",top1:"最大成交",top2:"第2大",top3:"第3大",top4:"第4大",top5:"第5大",top6:"第6大",top7:"第7大",top8:"第8大",top9:"第9大",top10:"第10大",},tc:{last:"現價:",change:"升/跌:",turnover:"成交額:",million:"(百萬)",top1:"最大成交",top2:"第2大",top3:"第3大",top4:"第4大",top5:"第5大",top6:"第6大",top7:"第7大",top8:"第8大",top9:"第9大",top10:"第10大",},},}