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":"#1B2B5F"}, "id": "Xingfa Aluminum Holdings Ltd", "name": "Xingfa Aluminum Holdings Ltd" }, { "data":{"cap":"€179,894,000","sec": "No","$area": 179894336,"$color":"#1C3136"}, "id": "Huili Resources Group Ltd", "name": "Huili Resources Group Ltd" }, { "data":{"cap":"€348,116,000","sec": "No","$area": 348115744,"$color":"#183042"}, "id": "China Vanadium Titano - Magn", "name": "China Vanadium Titano - Magn" }, { "data":{"cap":"€502,542,000","sec": "No","$area": 502541920,"$color":"#1A2F56"}, "id": "Xinjiang Xinxin Mining Ind-h", "name": "Xinjiang Xinxin Mining Ind-h" }, { "data":{"cap":"€379,435,000","sec": "No","$area": 379435200,"$color":"#1D2C50"}, "id": "Shandong Molong Petroleum-H *", "name": "Shandong Molong Petroleum-H *" }, { "data":{"cap":"€45,277,000","sec": "No","$area": 45276776,"$color":"#153041"}, "id": "Ocean Grand Holdings Ltd", "name": "Ocean Grand Holdings Ltd" }, { "data":{"cap":"€698,773,000","sec": "No","$area": 698773376,"$color":"#1B2E4C"}, "id": "China Oriental Group Co Ltd", "name": "China Oriental Group Co Ltd" }, { "data":{"cap":"€72,815,000","sec": "No","$area": 72815464,"$color":"#16294B"}, "id": "Xingye Copper Intl Group Ltd", "name": "Xingye Copper Intl Group Ltd" }, { "data":{"cap":"€260,649,000","sec": "No","$area": 260648576,"$color":"#1E2C39"}, "id": "Honghua Group", "name": "Honghua Group" }, { "data":{"cap":"€223,011,000","sec": "No","$area": 223011264,"$color":"#173041"}, "id": "Anton Oilfield Services Gp", "name": "Anton Oilfield Services Gp" }, { "data":{"cap":"€15,281,333,000","sec": "No","$area": 15281333248,"$color":"#162D5E"}, "id": "China Coal Energy Co-H *", "name": "China Coal Energy Co-H *" }, { "data":{"cap":"€142,569,000","sec": "No","$area": 142568928,"$color":"#142B3A"}, "id": "Anhui Tianda Oil Pipe Co - H", "name": "Anhui Tianda Oil Pipe Co - H" }, { "data":{"cap":"€275,961,000","sec": "No","$area": 275960864,"$color":"#172E45"}, "id": "North Mining Shares Co Ltd", "name": "North Mining Shares Co Ltd" }, { "data":{"cap":"€53,707,000","sec": "No","$area": 53706968,"$color":"#152838"}, "id": "Burwill Holdings Ltd", "name": "Burwill Holdings Ltd" }, { "data":{"cap":"€81,220,000","sec": "No","$area": 81219632,"$color":"#153164"}, "id": "Wai Chun Mining Industry Grp", "name": "Wai Chun Mining Industry Grp" }, { "data":{"cap":"€229,983,000","sec": "No","$area": 229983424,"$color":"#163156"}, "id": "Hilong Holding Ltd", "name": "Hilong Holding Ltd" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#152D5A"}, "id": "United Co Rusal Plc *", "name": "United Co Rusal Plc *" }, { "data":{"cap":"€10,648,616,000","sec": "No","$area": 10648615936,"$color":"#1D2F46"}, "id": "Zijin Mining Group Co Ltd-H *", "name": "Zijin Mining Group Co Ltd-H *" }, { "data":{"cap":"€245,551,000","sec": "No","$area": 245550768,"$color":"#16294D"}, "id": "Lingbao Gold Co Ltd-h", "name": "Lingbao Gold Co Ltd-h" }, { "data":{"cap":"€467,380,000","sec": "No","$area": 467380000,"$color":"#1E2D55"}, "id": "Mongolia Energy Corp Ltd", "name": "Mongolia Energy Corp Ltd" }, { "data":{"cap":"€1,059,512,000","sec": "No","$area": 1059512064,"$color":"#172855"}, "id": "Brightoil Petroleum Holdings", "name": "Brightoil Petroleum Holdings" }, { "data":{"cap":"€70,293,000","sec": "No","$area": 70293216,"$color":"#16283A"}, "id": "Tsc Group Holdings Ltd", "name": "Tsc Group Holdings Ltd" }, { "data":{"cap":"€580,363,000","sec": "No","$area": 580362880,"$color":"#153032"}, "id": "Hidili Industry Intl Develop", "name": "Hidili Industry Intl Develop" }, { "data":{"cap":"€35,533,459,000","sec": "No","$area": 35533459456,"$color":"#1E3240"}, "id": "Glencore International Plc *", "name": "Glencore International Plc *" }, { "data":{"cap":"€3,906,238,000","sec": "No","$area": 3906238208,"$color":"#172A49"}, "id": "Zhaojin Mining Industry - H", "name": "Zhaojin Mining Industry - H" }, { "data":{"cap":"€202,371,000","sec": "No","$area": 202371024,"$color":"#1D2E61"}, "id": "Zhengzhou China Resources-h", "name": "Zhengzhou China Resources-h" }, { "data":{"cap":"€119,662,000","sec": "No","$area": 119662280,"$color":"#1A2E41"}, "id": "Loudong General Nice Resourc", "name": "Loudong General Nice Resourc" }, { "data":{"cap":"€245,292,000","sec": "No","$area": 245291888,"$color":"#1C2960"}, "id": "Binhai Investment Company Lt", "name": "Binhai Investment Company Lt" }, { "data":{"cap":"€155,003,000","sec": "No","$area": 155003456,"$color":"#16295C"}, "id": "Strong Petrochemical Holding", "name": "Strong Petrochemical Holding" }, { "data":{"cap":"€48,286,000","sec": "No","$area": 48286236,"$color":"#1A305F"}, "id": "Hans Energy Company Ltd", "name": "Hans Energy Company Ltd" }, { "data":{"cap":"€1,844,336,000","sec": "No","$area": 1844336256,"$color":"#1E3149"}, "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":"#182C3D"}, "id": "Tianjin Tianlian Public-h", "name": "Tianjin Tianlian Public-h" }, { "data":{"cap":"€234,786,000","sec": "No","$area": 234786096,"$color":"#162D55"}, "id": "Lung Kee (bermuda) Holdings", "name": "Lung Kee (bermuda) Holdings" }, { "data":{"cap":"€263,034,000","sec": "No","$area": 263033632,"$color":"#1D2839"}, "id": "Apac Resources Ltd", "name": "Apac Resources Ltd" }, { "data":{"cap":"€165,953,000","sec": "No","$area": 165952528,"$color":"#162849"}, "id": "Spt Energy Group Inc", "name": "Spt Energy Group Inc" }, { "data":{"cap":"€97,860,000","sec": "No","$area": 97859600,"$color":"#1D2A54"}, "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":"#1D2B3F"}, "id": "Sanmenxia Tianyuan Aluminu-h", "name": "Sanmenxia Tianyuan Aluminu-h" }, { "data":{"cap":"€1,774,103,000","sec": "No","$area": 1774103040,"$color":"#152F3A"}, "id": "China Molybdenum Co Ltd-h", "name": "China Molybdenum Co Ltd-h" }, { "data":{"cap":"€8,664,127,000","sec": "No","$area": 8664127488,"$color":"#153043"}, "id": "Kunlun Energy Co Ltd", "name": "Kunlun Energy Co Ltd" }, { "data":{"cap":"€76,554,000","sec": "No","$area": 76554296,"$color":"#172F5C"}, "id": "Kaisun Energy Group Ltd", "name": "Kaisun Energy Group Ltd" }, { "data":{"cap":"€58,386,000","sec": "No","$area": 58385964,"$color":"#19294E"}, "id": "Enviro Energy International", "name": "Enviro Energy International" }, { "data":{"cap":"€438,857,000","sec": "No","$area": 438856640,"$color":"#192E5D"}, "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":"#14305A"}, "id": "Southgobi Resources Ltd *", "name": "Southgobi Resources Ltd *" }, { "data":{"cap":"€34,511,000","sec": "No","$area": 34511132,"$color":"#183163"}, "id": "Hua Yi Copper Holdings Ltd", "name": "Hua Yi Copper Holdings Ltd" }, { "data":{"cap":"€68,212,000","sec": "No","$area": 68211800,"$color":"#182960"}, "id": "Sino Prosper State Gold Reso", "name": "Sino Prosper State Gold Reso" }, { "data":{"cap":"€155,184,000","sec": "No","$area": 155184144,"$color":"#1C3254"}, "id": "Da Ming International Hold", "name": "Da Ming International Hold" }, { "data":{"cap":"€2,881,531,000","sec": "No","$area": 2881531392,"$color":"#1A2A57"}, "id": "Fosun International", "name": "Fosun International" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#193244"}, "id": "Maanshan Iron & Steel-h *", "name": "Maanshan Iron & Steel-h *" }, { "data":{"cap":"€946,464,000","sec": "No","$area": 946464320,"$color":"#162852"}, "id": "China Gold International Res *", "name": "China Gold International Res *" }, { "data":{"cap":"€64,452,000","sec": "No","$area": 64451960,"$color":"#172C63"}, "id": "Huscoke Resources Holdings L", "name": "Huscoke Resources Holdings L" }, { "data":{"cap":"€62,625,000","sec": "No","$area": 62624664,"$color":"#192D63"}, "id": "Polyard Petroleum Internatio", "name": "Polyard Petroleum Internatio" }, { "data":{"cap":"€1,600,906,000","sec": "No","$area": 1600905856,"$color":"#1E2C4E"}, "id": "China Zhongwang Holdings Ltd", "name": "China Zhongwang Holdings Ltd" }, { "data":{"cap":"€1,570,607,000","sec": "No","$area": 1570606976,"$color":"#1A284D"}, "id": "Shougang Fushan Resources Gr", "name": "Shougang Fushan Resources Gr" }, { "data":{"cap":"€9,100,629,000","sec": "No","$area": 9100628992,"$color":"#1B2A3E"}, "id": "Jiangxi Copper Co Ltd-H *", "name": "Jiangxi Copper Co Ltd-H *" }, { "data":{"cap":"€18,834,000","sec": "No","$area": 18834100,"$color":"#1E2C5C"}, "id": "Van Shung Chong Hldgs Ltd", "name": "Van Shung Chong Hldgs Ltd" }, { "data":{"cap":"€30,099,000","sec": "No","$area": 30098840,"$color":"#1A2A64"}, "id": "Golik Holdings Ltd", "name": "Golik Holdings Ltd" }, { "data":{"cap":"€359,789,000","sec": "No","$area": 359788672,"$color":"#143041"}, "id": "Newton Resources Ltd", "name": "Newton Resources Ltd" }, { "data":{"cap":"€314,581,000","sec": "No","$area": 314580640,"$color":"#192B3A"}, "id": "China Qinfa Group Ltd", "name": "China Qinfa Group Ltd" }, { "data":{"cap":"€68,018,000","sec": "No","$area": 68017760,"$color":"#1A2F40"}, "id": "Shougang Concord Century Hld", "name": "Shougang Concord Century Hld" }, { "data":{"cap":"€854,650,000","sec": "No","$area": 854649984,"$color":"#152F4A"}, "id": "Hunan Nonferrous Metals-h", "name": "Hunan Nonferrous Metals-h" }, { "data":{"cap":"€1,911,134,000","sec": "No","$area": 1911134336,"$color":"#1D323E"}, "id": "United Energy Group Ltd", "name": "United Energy Group Ltd" }, { "data":{"cap":"€320,983,000","sec": "No","$area": 320983488,"$color":"#142F46"}, "id": "Citic Dameng Holdings Ltd", "name": "Citic Dameng Holdings Ltd" }, { "data":{"cap":"€808,428,000","sec": "No","$area": 808427904,"$color":"#15323A"}, "id": "Winsway Coking Coal Holdings", "name": "Winsway Coking Coal Holdings" }, { "data":{"cap":"€2,246,680,000","sec": "No","$area": 2246680064,"$color":"#1A3251"}, "id": "Mongolian Mining Corp", "name": "Mongolian Mining Corp" }, { "data":{"cap":"€363,831,000","sec": "No","$area": 363831232,"$color":"#162B3B"}, "id": "China Polymetallic Mining Lt", "name": "China Polymetallic Mining Lt" }, { "data":{"cap":"€13,496,000","sec": "No","$area": 13496190,"$color":"#193239"}, "id": "South Sea Petroleum Holdings", "name": "South Sea Petroleum Holdings" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#163244"}, "id": "Chongqing Iron & Steel Co-h *", "name": "Chongqing Iron & Steel Co-h *" }, { "data":{"cap":"€233,162,000","sec": "No","$area": 233161616,"$color":"#16283E"}, "id": "Titan Petrochemicals Group L", "name": "Titan Petrochemicals Group L" }, { "data":{"cap":"€44,526,000","sec": "No","$area": 44526424,"$color":"#142C5F"}, "id": "China Nonferrous Metals Co", "name": "China Nonferrous Metals Co" }, { "data":{"cap":"€101,865,300,000","sec": "No","$area": 101865299968,"$color":"#162D5F"}, "id": "Vale Sa-Class A Preferred Dr *", "name": "Vale Sa-Class A Preferred Dr *" }, { "data":{"cap":"€610,030,000","sec": "No","$area": 610030080,"$color":"#1B2855"}, "id": "Mie Holdings Corporation", "name": "Mie Holdings Corporation" }, { "data":{"cap":"€149,047,000","sec": "No","$area": 149046848,"$color":"#163244"}, "id": "China Nickel Resources Hldgs", "name": "China Nickel Resources Hldgs" }, { "data":{"cap":"€102,519,000","sec": "No","$area": 102519328,"$color":"#162941"}, "id": "King Stone Energy Group Ltd", "name": "King Stone Energy Group Ltd" }, { "data":{"cap":"€68,083,184,000","sec": "No","$area": 68083183616,"$color":"#192C5A"}, "id": "China Shenhua Energy Co-H *", "name": "China Shenhua Energy Co-H *" }, { "data":{"cap":"€109,132,000","sec": "No","$area": 109132144,"$color":"#183242"}, "id": "Sinocop Resources Hldgs Ltd", "name": "Sinocop Resources Hldgs Ltd" }, { "data":{"cap":"€315,607,000","sec": "No","$area": 315607264,"$color":"#162F61"}, "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":"#18313D"}, "id": "Vale Sa-common Dr", "name": "Vale Sa-common Dr" }, { "data":{"cap":"€11,530,000","sec": "No","$area": 11530453,"$color":"#1B3142"}, "id": "Mayer Holdings Ltd", "name": "Mayer Holdings Ltd" }, { "data":{"cap":"€262,629,000","sec": "No","$area": 262629040,"$color":"#1A2E39"}, "id": "Chu Kong Petroleum & Natural", "name": "Chu Kong Petroleum & Natural" }, { "data":{"cap":"€13,775,000","sec": "No","$area": 13774949,"$color":"#1A2936"}, "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":"#1A2E5A"}, "id": "Sino Oil And Gas Holdings Lt", "name": "Sino Oil And Gas Holdings Lt" }, { "data":{"cap":"€75,627,000","sec": "No","$area": 75627112,"$color":"#162E40"}, "id": "China Cbm Group Ltd", "name": "China Cbm Group Ltd" }, { "data":{"cap":"€23,304,000","sec": "No","$area": 23303976,"$color":"#1C2C35"}, "id": "Novo Group Ltd", "name": "Novo Group Ltd" }, { "data":{"cap":"€40,203,000","sec": "No","$area": 40203352,"$color":"#1E2F43"}, "id": "Lee Kee Holdings Ltd", "name": "Lee Kee Holdings Ltd" }, { "data":{"cap":"€464,218,000","sec": "No","$area": 464218336,"$color":"#1E2E39"}, "id": "China Hanking Holdings Ltd", "name": "China Hanking Holdings Ltd" }, { "data":{"cap":"€394,142,000","sec": "No","$area": 394142432,"$color":"#172B58"}, "id": "Irc Ltd", "name": "Irc Ltd" }, { "data":{"cap":"€7,826,524,000","sec": "No","$area": 7826524160,"$color":"#162D3E"}, "id": "China Oilfield Services-H *", "name": "China Oilfield Services-H *" }, { "data":{"cap":"€314,224,000","sec": "No","$area": 314223584,"$color":"#1E303B"}, "id": "Sino Union Energy Investment", "name": "Sino Union Energy Investment" }, { "data":{"cap":"€104,367,000","sec": "No","$area": 104367256,"$color":"#172E39"}, "id": "China Mining Resources Group", "name": "China Mining Resources Group" }, { "data":{"cap":"€258,421,000","sec": "No","$area": 258420976,"$color":"#1C2E4E"}, "id": "Midas Holdings Ltd", "name": "Midas Holdings Ltd" }, { "data":{"cap":"€49,366,000","sec": "No","$area": 49365632,"$color":"#163237"}, "id": "Ka Shui Intl Hldg Ltd", "name": "Ka Shui Intl Hldg Ltd" }, { "data":{"cap":"€210,183,000","sec": "No","$area": 210182688,"$color":"#183237"}, "id": "China Kingstone Mining Holdi", "name": "China Kingstone Mining Holdi" }, { "data":{"cap":"€41,950,000","sec": "No","$area": 41950380,"$color":"#15285C"}, "id": "Cvm Minerals Ltd", "name": "Cvm Minerals Ltd" }, { "data":{"cap":"€4,372,371,000","sec": "No","$area": 4372371456,"$color":"#173042"}, "id": "Angang Steel Co Ltd-H *", "name": "Angang Steel Co Ltd-H *" }, { "data":{"cap":"€471,539,000","sec": "No","$area": 471538912,"$color":"#172D5B"}, "id": "Sinopec Kantons Holdings", "name": "Sinopec Kantons Holdings" }, { "data":{"cap":"€135,051,000","sec": "No","$area": 135051072,"$color":"#18323C"}, "id": "Chinese People Holdings Co", "name": "Chinese People Holdings Co" }, { "data":{"cap":"€41,645,000","sec": "No","$area": 41644668,"$color":"#1B2E46"}, "id": "Yue Da Mining Holdings Ltd", "name": "Yue Da Mining Holdings Ltd" }, { "data":{"cap":"€29,898,000","sec": "No","$area": 29897798,"$color":"#1A2A41"}, "id": "Jutal Offshore Oil Services", "name": "Jutal Offshore Oil Services" }, { "data":{"cap":"€2,420,686,000","sec": "No","$area": 2420685568,"$color":"#1A315C"}, "id": "China Hongqiao Group Ltd", "name": "China Hongqiao Group Ltd" }, { "data":{"cap":"€7,506,927,000","sec": "No","$area": 7506927104,"$color":"#14295E"}, "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":"#163042"}, "id": "Oriental Explorer Hldgs Ltd", "name": "Oriental Explorer Hldgs Ltd" }, { "data":{"cap":"€1,616,841,000","sec": "No","$area": 1616840960,"$color":"#172A3B"}, "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(); }); }