var labelType, useGradients, nativeTextSupport, animate; (function() { var ua = navigator.userAgent, iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), typeOfCanvas = typeof HTMLCanvasElement, nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'), textSupport = nativeCanvasSupport && (typeof document.createElement('canvas').getContext('2d').fillText == 'function'); //I'm setting this based on the fact that ExCanvas provides text support for IE //and that as of today iPhone/iPad current text support is lame labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML'; nativeTextSupport = labelType == 'Native'; useGradients = nativeCanvasSupport; animate = !(iStuff || !nativeCanvasSupport); })(); var Log = { elem: false, write: function(text){ if (!this.elem) this.elem = document.getElementById('log'); this.elem.innerHTML = text; this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px'; } }; function init(){ //init data var json = { "children": [ { "data":{"cap":"€66,747,000","sec": "No","$area": 66746864,"$color":"#14293B"}, "id": "Xingfa Aluminum Holdings Ltd", "name": "Xingfa Aluminum Holdings Ltd" }, { "data":{"cap":"€179,894,000","sec": "No","$area": 179894336,"$color":"#1C2A39"}, "id": "Huili Resources Group Ltd", "name": "Huili Resources Group Ltd" }, { "data":{"cap":"€348,116,000","sec": "No","$area": 348115744,"$color":"#1C2F58"}, "id": "China Vanadium Titano - Magn", "name": "China Vanadium Titano - Magn" }, { "data":{"cap":"€502,542,000","sec": "No","$area": 502541920,"$color":"#163263"}, "id": "Xinjiang Xinxin Mining Ind-h", "name": "Xinjiang Xinxin Mining Ind-h" }, { "data":{"cap":"€379,435,000","sec": "No","$area": 379435200,"$color":"#17305D"}, "id": "Shandong Molong Petroleum-H *", "name": "Shandong Molong Petroleum-H *" }, { "data":{"cap":"€45,277,000","sec": "No","$area": 45276776,"$color":"#153151"}, "id": "Ocean Grand Holdings Ltd", "name": "Ocean Grand Holdings Ltd" }, { "data":{"cap":"€698,773,000","sec": "No","$area": 698773376,"$color":"#1C2A37"}, "id": "China Oriental Group Co Ltd", "name": "China Oriental Group Co Ltd" }, { "data":{"cap":"€72,815,000","sec": "No","$area": 72815464,"$color":"#1C3140"}, "id": "Xingye Copper Intl Group Ltd", "name": "Xingye Copper Intl Group Ltd" }, { "data":{"cap":"€260,649,000","sec": "No","$area": 260648576,"$color":"#152D3E"}, "id": "Honghua Group", "name": "Honghua Group" }, { "data":{"cap":"€223,011,000","sec": "No","$area": 223011264,"$color":"#17323B"}, "id": "Anton Oilfield Services Gp", "name": "Anton Oilfield Services Gp" }, { "data":{"cap":"€15,281,333,000","sec": "No","$area": 15281333248,"$color":"#1D2859"}, "id": "China Coal Energy Co-H *", "name": "China Coal Energy Co-H *" }, { "data":{"cap":"€142,569,000","sec": "No","$area": 142568928,"$color":"#1E2A34"}, "id": "Anhui Tianda Oil Pipe Co - H", "name": "Anhui Tianda Oil Pipe Co - H" }, { "data":{"cap":"€275,961,000","sec": "No","$area": 275960864,"$color":"#14324F"}, "id": "North Mining Shares Co Ltd", "name": "North Mining Shares Co Ltd" }, { "data":{"cap":"€53,707,000","sec": "No","$area": 53706968,"$color":"#182C36"}, "id": "Burwill Holdings Ltd", "name": "Burwill Holdings Ltd" }, { "data":{"cap":"€81,220,000","sec": "No","$area": 81219632,"$color":"#162B44"}, "id": "Wai Chun Mining Industry Grp", "name": "Wai Chun Mining Industry Grp" }, { "data":{"cap":"€229,983,000","sec": "No","$area": 229983424,"$color":"#19304A"}, "id": "Hilong Holding Ltd", "name": "Hilong Holding Ltd" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#19293C"}, "id": "United Co Rusal Plc *", "name": "United Co Rusal Plc *" }, { "data":{"cap":"€10,648,616,000","sec": "No","$area": 10648615936,"$color":"#1C315A"}, "id": "Zijin Mining Group Co Ltd-H *", "name": "Zijin Mining Group Co Ltd-H *" }, { "data":{"cap":"€245,551,000","sec": "No","$area": 245550768,"$color":"#173047"}, "id": "Lingbao Gold Co Ltd-h", "name": "Lingbao Gold Co Ltd-h" }, { "data":{"cap":"€467,380,000","sec": "No","$area": 467380000,"$color":"#14324C"}, "id": "Mongolia Energy Corp Ltd", "name": "Mongolia Energy Corp Ltd" }, { "data":{"cap":"€1,059,512,000","sec": "No","$area": 1059512064,"$color":"#1A2942"}, "id": "Brightoil Petroleum Holdings", "name": "Brightoil Petroleum Holdings" }, { "data":{"cap":"€70,293,000","sec": "No","$area": 70293216,"$color":"#1A294F"}, "id": "Tsc Group Holdings Ltd", "name": "Tsc Group Holdings Ltd" }, { "data":{"cap":"€580,363,000","sec": "No","$area": 580362880,"$color":"#173057"}, "id": "Hidili Industry Intl Develop", "name": "Hidili Industry Intl Develop" }, { "data":{"cap":"€35,533,459,000","sec": "No","$area": 35533459456,"$color":"#1C3259"}, "id": "Glencore International Plc *", "name": "Glencore International Plc *" }, { "data":{"cap":"€3,906,238,000","sec": "No","$area": 3906238208,"$color":"#1D325F"}, "id": "Zhaojin Mining Industry - H", "name": "Zhaojin Mining Industry - H" }, { "data":{"cap":"€202,371,000","sec": "No","$area": 202371024,"$color":"#152E50"}, "id": "Zhengzhou China Resources-h", "name": "Zhengzhou China Resources-h" }, { "data":{"cap":"€119,662,000","sec": "No","$area": 119662280,"$color":"#1C2E34"}, "id": "Loudong General Nice Resourc", "name": "Loudong General Nice Resourc" }, { "data":{"cap":"€245,292,000","sec": "No","$area": 245291888,"$color":"#1E3140"}, "id": "Binhai Investment Company Lt", "name": "Binhai Investment Company Lt" }, { "data":{"cap":"€155,003,000","sec": "No","$area": 155003456,"$color":"#17284E"}, "id": "Strong Petrochemical Holding", "name": "Strong Petrochemical Holding" }, { "data":{"cap":"€48,286,000","sec": "No","$area": 48286236,"$color":"#163250"}, "id": "Hans Energy Company Ltd", "name": "Hans Energy Company Ltd" }, { "data":{"cap":"€1,844,336,000","sec": "No","$area": 1844336256,"$color":"#152B4F"}, "id": "Minmetals Resources Ltd", "name": "Minmetals Resources Ltd" }, { "data":{"cap":"€12,882,966,000","sec": "Yes","$area": 12882965504,"$color":"#009900"}, "id": "Yanzhou Coal Mining Co-H *", "name": "Yanzhou Coal Mining Co-H *" }, { "data":{"cap":"€94,197,000","sec": "No","$area": 94196720,"$color":"#1A2E47"}, "id": "Tianjin Tianlian Public-h", "name": "Tianjin Tianlian Public-h" }, { "data":{"cap":"€234,786,000","sec": "No","$area": 234786096,"$color":"#143143"}, "id": "Lung Kee (bermuda) Holdings", "name": "Lung Kee (bermuda) Holdings" }, { "data":{"cap":"€263,034,000","sec": "No","$area": 263033632,"$color":"#1B315C"}, "id": "Apac Resources Ltd", "name": "Apac Resources Ltd" }, { "data":{"cap":"€165,953,000","sec": "No","$area": 165952528,"$color":"#162A34"}, "id": "Spt Energy Group Inc", "name": "Spt Energy Group Inc" }, { "data":{"cap":"€97,860,000","sec": "No","$area": 97859600,"$color":"#1D2C54"}, "id": "Grand T G Gold Holdings Ltd", "name": "Grand T G Gold Holdings Ltd" }, { "data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"}, "id": "Cnooc Ltd *", "name": "Cnooc Ltd *" }, { "data":{"cap":"€23,700,000","sec": "No","$area": 23699628,"$color":"#173134"}, "id": "Sanmenxia Tianyuan Aluminu-h", "name": "Sanmenxia Tianyuan Aluminu-h" }, { "data":{"cap":"€1,774,103,000","sec": "No","$area": 1774103040,"$color":"#1D2F3B"}, "id": "China Molybdenum Co Ltd-h", "name": "China Molybdenum Co Ltd-h" }, { "data":{"cap":"€8,664,127,000","sec": "No","$area": 8664127488,"$color":"#1B2F50"}, "id": "Kunlun Energy Co Ltd", "name": "Kunlun Energy Co Ltd" }, { "data":{"cap":"€76,554,000","sec": "No","$area": 76554296,"$color":"#1A315F"}, "id": "Kaisun Energy Group Ltd", "name": "Kaisun Energy Group Ltd" }, { "data":{"cap":"€58,386,000","sec": "No","$area": 58385964,"$color":"#152F51"}, "id": "Enviro Energy International", "name": "Enviro Energy International" }, { "data":{"cap":"€438,857,000","sec": "No","$area": 438856640,"$color":"#1A2B4D"}, "id": "Shougang Concord Intl Ent Co", "name": "Shougang Concord Intl Ent Co" }, { "data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"}, "id": "Petrochina Co Ltd-h *", "name": "Petrochina Co Ltd-h *" }, { "data":{"cap":"€818,114,000","sec": "No","$area": 818114048,"$color":"#153048"}, "id": "Southgobi Resources Ltd *", "name": "Southgobi Resources Ltd *" }, { "data":{"cap":"€34,511,000","sec": "No","$area": 34511132,"$color":"#1C3257"}, "id": "Hua Yi Copper Holdings Ltd", "name": "Hua Yi Copper Holdings Ltd" }, { "data":{"cap":"€68,212,000","sec": "No","$area": 68211800,"$color":"#16294C"}, "id": "Sino Prosper State Gold Reso", "name": "Sino Prosper State Gold Reso" }, { "data":{"cap":"€155,184,000","sec": "No","$area": 155184144,"$color":"#1E2C54"}, "id": "Da Ming International Hold", "name": "Da Ming International Hold" }, { "data":{"cap":"€2,881,531,000","sec": "No","$area": 2881531392,"$color":"#152936"}, "id": "Fosun International", "name": "Fosun International" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#1A283D"}, "id": "Maanshan Iron & Steel-h *", "name": "Maanshan Iron & Steel-h *" }, { "data":{"cap":"€946,464,000","sec": "No","$area": 946464320,"$color":"#17304D"}, "id": "China Gold International Res *", "name": "China Gold International Res *" }, { "data":{"cap":"€64,452,000","sec": "No","$area": 64451960,"$color":"#1C2A4F"}, "id": "Huscoke Resources Holdings L", "name": "Huscoke Resources Holdings L" }, { "data":{"cap":"€62,625,000","sec": "No","$area": 62624664,"$color":"#142C32"}, "id": "Polyard Petroleum Internatio", "name": "Polyard Petroleum Internatio" }, { "data":{"cap":"€1,600,906,000","sec": "No","$area": 1600905856,"$color":"#152A63"}, "id": "China Zhongwang Holdings Ltd", "name": "China Zhongwang Holdings Ltd" }, { "data":{"cap":"€1,570,607,000","sec": "No","$area": 1570606976,"$color":"#1E3147"}, "id": "Shougang Fushan Resources Gr", "name": "Shougang Fushan Resources Gr" }, { "data":{"cap":"€9,100,629,000","sec": "No","$area": 9100628992,"$color":"#142B53"}, "id": "Jiangxi Copper Co Ltd-H *", "name": "Jiangxi Copper Co Ltd-H *" }, { "data":{"cap":"€18,834,000","sec": "No","$area": 18834100,"$color":"#192F4D"}, "id": "Van Shung Chong Hldgs Ltd", "name": "Van Shung Chong Hldgs Ltd" }, { "data":{"cap":"€30,099,000","sec": "No","$area": 30098840,"$color":"#1B2854"}, "id": "Golik Holdings Ltd", "name": "Golik Holdings Ltd" }, { "data":{"cap":"€359,789,000","sec": "No","$area": 359788672,"$color":"#192A4B"}, "id": "Newton Resources Ltd", "name": "Newton Resources Ltd" }, { "data":{"cap":"€314,581,000","sec": "No","$area": 314580640,"$color":"#1C3146"}, "id": "China Qinfa Group Ltd", "name": "China Qinfa Group Ltd" }, { "data":{"cap":"€68,018,000","sec": "No","$area": 68017760,"$color":"#1D2A5B"}, "id": "Shougang Concord Century Hld", "name": "Shougang Concord Century Hld" }, { "data":{"cap":"€854,650,000","sec": "No","$area": 854649984,"$color":"#1A2D35"}, "id": "Hunan Nonferrous Metals-h", "name": "Hunan Nonferrous Metals-h" }, { "data":{"cap":"€1,911,134,000","sec": "No","$area": 1911134336,"$color":"#163258"}, "id": "United Energy Group Ltd", "name": "United Energy Group Ltd" }, { "data":{"cap":"€320,983,000","sec": "No","$area": 320983488,"$color":"#1A2E51"}, "id": "Citic Dameng Holdings Ltd", "name": "Citic Dameng Holdings Ltd" }, { "data":{"cap":"€808,428,000","sec": "No","$area": 808427904,"$color":"#192944"}, "id": "Winsway Coking Coal Holdings", "name": "Winsway Coking Coal Holdings" }, { "data":{"cap":"€2,246,680,000","sec": "No","$area": 2246680064,"$color":"#192C60"}, "id": "Mongolian Mining Corp", "name": "Mongolian Mining Corp" }, { "data":{"cap":"€363,831,000","sec": "No","$area": 363831232,"$color":"#172854"}, "id": "China Polymetallic Mining Lt", "name": "China Polymetallic Mining Lt" }, { "data":{"cap":"€13,496,000","sec": "No","$area": 13496190,"$color":"#172B36"}, "id": "South Sea Petroleum Holdings", "name": "South Sea Petroleum Holdings" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#182962"}, "id": "Chongqing Iron & Steel Co-h *", "name": "Chongqing Iron & Steel Co-h *" }, { "data":{"cap":"€233,162,000","sec": "No","$area": 233161616,"$color":"#172F46"}, "id": "Titan Petrochemicals Group L", "name": "Titan Petrochemicals Group L" }, { "data":{"cap":"€44,526,000","sec": "No","$area": 44526424,"$color":"#1B2B64"}, "id": "China Nonferrous Metals Co", "name": "China Nonferrous Metals Co" }, { "data":{"cap":"€101,865,300,000","sec": "No","$area": 101865299968,"$color":"#1C2E35"}, "id": "Vale Sa-Class A Preferred Dr *", "name": "Vale Sa-Class A Preferred Dr *" }, { "data":{"cap":"€610,030,000","sec": "No","$area": 610030080,"$color":"#1E2961"}, "id": "Mie Holdings Corporation", "name": "Mie Holdings Corporation" }, { "data":{"cap":"€149,047,000","sec": "No","$area": 149046848,"$color":"#1E2D59"}, "id": "China Nickel Resources Hldgs", "name": "China Nickel Resources Hldgs" }, { "data":{"cap":"€102,519,000","sec": "No","$area": 102519328,"$color":"#162852"}, "id": "King Stone Energy Group Ltd", "name": "King Stone Energy Group Ltd" }, { "data":{"cap":"€68,083,184,000","sec": "No","$area": 68083183616,"$color":"#162F55"}, "id": "China Shenhua Energy Co-H *", "name": "China Shenhua Energy Co-H *" }, { "data":{"cap":"€109,132,000","sec": "No","$area": 109132144,"$color":"#1D2854"}, "id": "Sinocop Resources Hldgs Ltd", "name": "Sinocop Resources Hldgs Ltd" }, { "data":{"cap":"€315,607,000","sec": "No","$area": 315607264,"$color":"#1C2C54"}, "id": "China Oil And Gas Group Ltd", "name": "China Oil And Gas Group Ltd" }, { "data":{"cap":"€101,865,300,000","sec": "No","$area": 101865299968,"$color":"#172F39"}, "id": "Vale Sa-common Dr", "name": "Vale Sa-common Dr" }, { "data":{"cap":"€11,530,000","sec": "No","$area": 11530453,"$color":"#183259"}, "id": "Mayer Holdings Ltd", "name": "Mayer Holdings Ltd" }, { "data":{"cap":"€262,629,000","sec": "No","$area": 262629040,"$color":"#1D2A3C"}, "id": "Chu Kong Petroleum & Natural", "name": "Chu Kong Petroleum & Natural" }, { "data":{"cap":"€13,775,000","sec": "No","$area": 13774949,"$color":"#152B47"}, "id": "China Yunnan Tin Minerals Gr", "name": "China Yunnan Tin Minerals Gr" }, { "data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"}, "id": "China Petroleum & Chemical-h *", "name": "China Petroleum & Chemical-h *" }, { "data":{"cap":"€340,201,000","sec": "No","$area": 340200608,"$color":"#192D43"}, "id": "Sino Oil And Gas Holdings Lt", "name": "Sino Oil And Gas Holdings Lt" }, { "data":{"cap":"€75,627,000","sec": "No","$area": 75627112,"$color":"#142D37"}, "id": "China Cbm Group Ltd", "name": "China Cbm Group Ltd" }, { "data":{"cap":"€23,304,000","sec": "No","$area": 23303976,"$color":"#1B313C"}, "id": "Novo Group Ltd", "name": "Novo Group Ltd" }, { "data":{"cap":"€40,203,000","sec": "No","$area": 40203352,"$color":"#192E47"}, "id": "Lee Kee Holdings Ltd", "name": "Lee Kee Holdings Ltd" }, { "data":{"cap":"€464,218,000","sec": "No","$area": 464218336,"$color":"#1B3132"}, "id": "China Hanking Holdings Ltd", "name": "China Hanking Holdings Ltd" }, { "data":{"cap":"€394,142,000","sec": "No","$area": 394142432,"$color":"#142A42"}, "id": "Irc Ltd", "name": "Irc Ltd" }, { "data":{"cap":"€7,826,524,000","sec": "No","$area": 7826524160,"$color":"#162B61"}, "id": "China Oilfield Services-H *", "name": "China Oilfield Services-H *" }, { "data":{"cap":"€314,224,000","sec": "No","$area": 314223584,"$color":"#1B3159"}, "id": "Sino Union Energy Investment", "name": "Sino Union Energy Investment" }, { "data":{"cap":"€104,367,000","sec": "No","$area": 104367256,"$color":"#1E2946"}, "id": "China Mining Resources Group", "name": "China Mining Resources Group" }, { "data":{"cap":"€258,421,000","sec": "No","$area": 258420976,"$color":"#162860"}, "id": "Midas Holdings Ltd", "name": "Midas Holdings Ltd" }, { "data":{"cap":"€49,366,000","sec": "No","$area": 49365632,"$color":"#192945"}, "id": "Ka Shui Intl Hldg Ltd", "name": "Ka Shui Intl Hldg Ltd" }, { "data":{"cap":"€210,183,000","sec": "No","$area": 210182688,"$color":"#172E50"}, "id": "China Kingstone Mining Holdi", "name": "China Kingstone Mining Holdi" }, { "data":{"cap":"€41,950,000","sec": "No","$area": 41950380,"$color":"#162953"}, "id": "Cvm Minerals Ltd", "name": "Cvm Minerals Ltd" }, { "data":{"cap":"€4,372,371,000","sec": "No","$area": 4372371456,"$color":"#172F47"}, "id": "Angang Steel Co Ltd-H *", "name": "Angang Steel Co Ltd-H *" }, { "data":{"cap":"€471,539,000","sec": "No","$area": 471538912,"$color":"#142D53"}, "id": "Sinopec Kantons Holdings", "name": "Sinopec Kantons Holdings" }, { "data":{"cap":"€135,051,000","sec": "No","$area": 135051072,"$color":"#162C47"}, "id": "Chinese People Holdings Co", "name": "Chinese People Holdings Co" }, { "data":{"cap":"€41,645,000","sec": "No","$area": 41644668,"$color":"#1B2F50"}, "id": "Yue Da Mining Holdings Ltd", "name": "Yue Da Mining Holdings Ltd" }, { "data":{"cap":"€29,898,000","sec": "No","$area": 29897798,"$color":"#1A2C3D"}, "id": "Jutal Offshore Oil Services", "name": "Jutal Offshore Oil Services" }, { "data":{"cap":"€2,420,686,000","sec": "No","$area": 2420685568,"$color":"#14323F"}, "id": "China Hongqiao Group Ltd", "name": "China Hongqiao Group Ltd" }, { "data":{"cap":"€7,506,927,000","sec": "No","$area": 7506927104,"$color":"#182C4C"}, "id": "Kazakhmys Plc *", "name": "Kazakhmys Plc *" }, { "data":{"cap":"€10,256,365,000","sec": "Yes","$area": 10256364544,"$color":"#009900"}, "id": "Aluminum Corp Of China Ltd-H *", "name": "Aluminum Corp Of China Ltd-H *" }, { "data":{"cap":"€14,553,000","sec": "No","$area": 14553250,"$color":"#1C2A37"}, "id": "Oriental Explorer Hldgs Ltd", "name": "Oriental Explorer Hldgs Ltd" }, { "data":{"cap":"€1,616,841,000","sec": "No","$area": 1616840960,"$color":"#1A323C"}, "id": "China Gas Holdings Ltd", "name": "China Gas Holdings Ltd" } ] }; //end //init TreeMap var tm = new $jit.TM.Squarified({ //where to inject the visualization injectInto: 'infovis', //parent box title heights titleHeight: 0, //enable animations animate: false, //box offsets offset: 1, //Attach left and right click events Events: { enable: false }, duration: 1000, //Enable tips Tips: { enable: true, //add positioning offsets offsetX: 20, offsetY: 20, //implement the onShow method to //add content to the tooltip when a node //is hovered onShow: function(tip, node, isLeaf, domElement) { var html = "
" + node.name + "
"; var data = node.data; if(data.cap) { html += "Market Cap: " + data.cap; } if(data.sec) { html += "
SEC Coverage: " + data.sec; } tip.innerHTML = html; } }, //Add the name of the node in the correponding label //This method is called once, on label creation. onCreateLabel: function(domElement, node){ // if (node.data.$width > 10) { domElement.innerHTML = node.name; // } var style = domElement.style; style.display = ''; style.border = '1px solid transparent'; domElement.onmouseover = function() { style.border = '1px solid #9FD4FF'; }; domElement.onmouseout = function() { style.border = '1px solid transparent'; }; } }); tm.loadJSON(json); tm.refresh(); //end //add events to radio buttons var sq = $jit.id('r-sq'), st = $jit.id('r-st'), sd = $jit.id('r-sd'); var util = $jit.util; util.addEvent(sq, 'change', function() { if(!sq.checked) return; util.extend(tm, new $jit.Layouts.TM.Squarified); tm.refresh(); }); util.addEvent(st, 'change', function() { if(!st.checked) return; util.extend(tm, new $jit.Layouts.TM.Strip); tm.layout.orientation = "v"; tm.refresh(); }); util.addEvent(sd, 'change', function() { if(!sd.checked) return; util.extend(tm, new $jit.Layouts.TM.SliceAndDice); tm.layout.orientation = "v"; tm.refresh(); }); //add event to the back button var back = $jit.id('back'); $jit.util.addEvent(back, 'click', function() { tm.out(); }); }