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":"$84,482,000","sec": "No","$area": 66746864,"$color":"#1E3162"}, "id": "Xingfa Aluminum Holdings Ltd", "name": "Xingfa Aluminum Holdings Ltd" }, { "data":{"cap":"$227,692,000","sec": "No","$area": 179894336,"$color":"#1C2C4F"}, "id": "Huili Resources Group Ltd", "name": "Huili Resources Group Ltd" }, { "data":{"cap":"$440,610,000","sec": "No","$area": 348115744,"$color":"#14314A"}, "id": "China Vanadium Titano - Magn", "name": "China Vanadium Titano - Magn" }, { "data":{"cap":"$636,067,000","sec": "No","$area": 502541920,"$color":"#192E34"}, "id": "Xinjiang Xinxin Mining Ind-h", "name": "Xinjiang Xinxin Mining Ind-h" }, { "data":{"cap":"$480,251,000","sec": "No","$area": 379435200,"$color":"#1B3135"}, "id": "Shandong Molong Petroleum-H *", "name": "Shandong Molong Petroleum-H *" }, { "data":{"cap":"$57,307,000","sec": "No","$area": 45276776,"$color":"#1B2F49"}, "id": "Ocean Grand Holdings Ltd", "name": "Ocean Grand Holdings Ltd" }, { "data":{"cap":"$884,437,000","sec": "No","$area": 698773376,"$color":"#142C3D"}, "id": "China Oriental Group Co Ltd", "name": "China Oriental Group Co Ltd" }, { "data":{"cap":"$92,163,000","sec": "No","$area": 72815464,"$color":"#1B3149"}, "id": "Xingye Copper Intl Group Ltd", "name": "Xingye Copper Intl Group Ltd" }, { "data":{"cap":"$329,903,000","sec": "No","$area": 260648576,"$color":"#183064"}, "id": "Honghua Group", "name": "Honghua Group" }, { "data":{"cap":"$282,265,000","sec": "No","$area": 223011264,"$color":"#1A2A57"}, "id": "Anton Oilfield Services Gp", "name": "Anton Oilfield Services Gp" }, { "data":{"cap":"$19,341,583,000","sec": "No","$area": 15281333248,"$color":"#1C2E5B"}, "id": "China Coal Energy Co-H *", "name": "China Coal Energy Co-H *" }, { "data":{"cap":"$180,449,000","sec": "No","$area": 142568928,"$color":"#142940"}, "id": "Anhui Tianda Oil Pipe Co - H", "name": "Anhui Tianda Oil Pipe Co - H" }, { "data":{"cap":"$349,284,000","sec": "No","$area": 275960864,"$color":"#1E2A48"}, "id": "North Mining Shares Co Ltd", "name": "North Mining Shares Co Ltd" }, { "data":{"cap":"$67,977,000","sec": "No","$area": 53706968,"$color":"#172A5C"}, "id": "Burwill Holdings Ltd", "name": "Burwill Holdings Ltd" }, { "data":{"cap":"$102,800,000","sec": "No","$area": 81219632,"$color":"#182C38"}, "id": "Wai Chun Mining Industry Grp", "name": "Wai Chun Mining Industry Grp" }, { "data":{"cap":"$291,090,000","sec": "No","$area": 229983424,"$color":"#1B3245"}, "id": "Hilong Holding Ltd", "name": "Hilong Holding Ltd" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#18305B"}, "id": "United Co Rusal Plc *", "name": "United Co Rusal Plc *" }, { "data":{"cap":"$13,477,953,000","sec": "No","$area": 10648615936,"$color":"#1A314A"}, "id": "Zijin Mining Group Co Ltd-H *", "name": "Zijin Mining Group Co Ltd-H *" }, { "data":{"cap":"$310,794,000","sec": "No","$area": 245550768,"$color":"#172E40"}, "id": "Lingbao Gold Co Ltd-h", "name": "Lingbao Gold Co Ltd-h" }, { "data":{"cap":"$591,563,000","sec": "No","$area": 467380000,"$color":"#162E5C"}, "id": "Mongolia Energy Corp Ltd", "name": "Mongolia Energy Corp Ltd" }, { "data":{"cap":"$1,341,024,000","sec": "No","$area": 1059512064,"$color":"#14294D"}, "id": "Brightoil Petroleum Holdings", "name": "Brightoil Petroleum Holdings" }, { "data":{"cap":"$88,970,000","sec": "No","$area": 70293216,"$color":"#18315D"}, "id": "Tsc Group Holdings Ltd", "name": "Tsc Group Holdings Ltd" }, { "data":{"cap":"$734,565,000","sec": "No","$area": 580362880,"$color":"#1D2C56"}, "id": "Hidili Industry Intl Develop", "name": "Hidili Industry Intl Develop" }, { "data":{"cap":"$44,974,700,000","sec": "No","$area": 35533459456,"$color":"#142F3C"}, "id": "Glencore International Plc *", "name": "Glencore International Plc *" }, { "data":{"cap":"$4,944,126,000","sec": "No","$area": 3906238208,"$color":"#143051"}, "id": "Zhaojin Mining Industry - H", "name": "Zhaojin Mining Industry - H" }, { "data":{"cap":"$256,141,000","sec": "No","$area": 202371024,"$color":"#1D2A4E"}, "id": "Zhengzhou China Resources-h", "name": "Zhengzhou China Resources-h" }, { "data":{"cap":"$151,457,000","sec": "No","$area": 119662280,"$color":"#162F61"}, "id": "Loudong General Nice Resourc", "name": "Loudong General Nice Resourc" }, { "data":{"cap":"$310,466,000","sec": "No","$area": 245291888,"$color":"#192E3D"}, "id": "Binhai Investment Company Lt", "name": "Binhai Investment Company Lt" }, { "data":{"cap":"$196,188,000","sec": "No","$area": 155003456,"$color":"#192D34"}, "id": "Strong Petrochemical Holding", "name": "Strong Petrochemical Holding" }, { "data":{"cap":"$61,116,000","sec": "No","$area": 48286236,"$color":"#182D62"}, "id": "Hans Energy Company Ltd", "name": "Hans Energy Company Ltd" }, { "data":{"cap":"$2,334,376,000","sec": "No","$area": 1844336256,"$color":"#1D2E32"}, "id": "Minmetals Resources Ltd", "name": "Minmetals Resources Ltd" }, { "data":{"cap":"$16,305,969,000","sec": "Yes","$area": 12882965504,"$color":"#009900"}, "id": "Yanzhou Coal Mining Co-H *", "name": "Yanzhou Coal Mining Co-H *" }, { "data":{"cap":"$119,225,000","sec": "No","$area": 94196720,"$color":"#183141"}, "id": "Tianjin Tianlian Public-h", "name": "Tianjin Tianlian Public-h" }, { "data":{"cap":"$297,169,000","sec": "No","$area": 234786096,"$color":"#163255"}, "id": "Lung Kee (bermuda) Holdings", "name": "Lung Kee (bermuda) Holdings" }, { "data":{"cap":"$332,922,000","sec": "No","$area": 263033632,"$color":"#172F5F"}, "id": "Apac Resources Ltd", "name": "Apac Resources Ltd" }, { "data":{"cap":"$210,046,000","sec": "No","$area": 165952528,"$color":"#183041"}, "id": "Spt Energy Group Inc", "name": "Spt Energy Group Inc" }, { "data":{"cap":"$123,861,000","sec": "No","$area": 97859600,"$color":"#162B4B"}, "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":"$29,997,000","sec": "No","$area": 23699628,"$color":"#152833"}, "id": "Sanmenxia Tianyuan Aluminu-h", "name": "Sanmenxia Tianyuan Aluminu-h" }, { "data":{"cap":"$2,245,482,000","sec": "No","$area": 1774103040,"$color":"#1C303C"}, "id": "China Molybdenum Co Ltd-h", "name": "China Molybdenum Co Ltd-h" }, { "data":{"cap":"$10,966,186,000","sec": "No","$area": 8664127488,"$color":"#1C2D34"}, "id": "Kunlun Energy Co Ltd", "name": "Kunlun Energy Co Ltd" }, { "data":{"cap":"$96,895,000","sec": "No","$area": 76554296,"$color":"#192E44"}, "id": "Kaisun Energy Group Ltd", "name": "Kaisun Energy Group Ltd" }, { "data":{"cap":"$73,899,000","sec": "No","$area": 58385964,"$color":"#1A2857"}, "id": "Enviro Energy International", "name": "Enviro Energy International" }, { "data":{"cap":"$555,461,000","sec": "No","$area": 438856640,"$color":"#142D64"}, "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":"$1,035,487,000","sec": "No","$area": 818114048,"$color":"#15285C"}, "id": "Southgobi Resources Ltd *", "name": "Southgobi Resources Ltd *" }, { "data":{"cap":"$43,681,000","sec": "No","$area": 34511132,"$color":"#183232"}, "id": "Hua Yi Copper Holdings Ltd", "name": "Hua Yi Copper Holdings Ltd" }, { "data":{"cap":"$86,336,000","sec": "No","$area": 68211800,"$color":"#1E2B54"}, "id": "Sino Prosper State Gold Reso", "name": "Sino Prosper State Gold Reso" }, { "data":{"cap":"$196,417,000","sec": "No","$area": 155184144,"$color":"#183036"}, "id": "Da Ming International Hold", "name": "Da Ming International Hold" }, { "data":{"cap":"$3,647,154,000","sec": "No","$area": 2881531392,"$color":"#1C2947"}, "id": "Fosun International", "name": "Fosun International" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#1C2F43"}, "id": "Maanshan Iron & Steel-h *", "name": "Maanshan Iron & Steel-h *" }, { "data":{"cap":"$1,197,940,000","sec": "No","$area": 946464320,"$color":"#1C2C44"}, "id": "China Gold International Res *", "name": "China Gold International Res *" }, { "data":{"cap":"$81,577,000","sec": "No","$area": 64451960,"$color":"#1A2E54"}, "id": "Huscoke Resources Holdings L", "name": "Huscoke Resources Holdings L" }, { "data":{"cap":"$79,264,000","sec": "No","$area": 62624664,"$color":"#152F4C"}, "id": "Polyard Petroleum Internatio", "name": "Polyard Petroleum Internatio" }, { "data":{"cap":"$2,026,267,000","sec": "No","$area": 1600905856,"$color":"#1E2A37"}, "id": "China Zhongwang Holdings Ltd", "name": "China Zhongwang Holdings Ltd" }, { "data":{"cap":"$1,987,917,000","sec": "No","$area": 1570606976,"$color":"#162A58"}, "id": "Shougang Fushan Resources Gr", "name": "Shougang Fushan Resources Gr" }, { "data":{"cap":"$11,518,666,000","sec": "No","$area": 9100628992,"$color":"#162B46"}, "id": "Jiangxi Copper Co Ltd-H *", "name": "Jiangxi Copper Co Ltd-H *" }, { "data":{"cap":"$23,838,000","sec": "No","$area": 18834100,"$color":"#1B303D"}, "id": "Van Shung Chong Hldgs Ltd", "name": "Van Shung Chong Hldgs Ltd" }, { "data":{"cap":"$38,096,000","sec": "No","$area": 30098840,"$color":"#182A4F"}, "id": "Golik Holdings Ltd", "name": "Golik Holdings Ltd" }, { "data":{"cap":"$455,385,000","sec": "No","$area": 359788672,"$color":"#142B50"}, "id": "Newton Resources Ltd", "name": "Newton Resources Ltd" }, { "data":{"cap":"$398,165,000","sec": "No","$area": 314580640,"$color":"#183156"}, "id": "China Qinfa Group Ltd", "name": "China Qinfa Group Ltd" }, { "data":{"cap":"$86,090,000","sec": "No","$area": 68017760,"$color":"#183263"}, "id": "Shougang Concord Century Hld", "name": "Shougang Concord Century Hld" }, { "data":{"cap":"$1,081,730,000","sec": "No","$area": 854649984,"$color":"#1B2938"}, "id": "Hunan Nonferrous Metals-h", "name": "Hunan Nonferrous Metals-h" }, { "data":{"cap":"$2,418,923,000","sec": "No","$area": 1911134336,"$color":"#15293A"}, "id": "United Energy Group Ltd", "name": "United Energy Group Ltd" }, { "data":{"cap":"$406,269,000","sec": "No","$area": 320983488,"$color":"#1E2842"}, "id": "Citic Dameng Holdings Ltd", "name": "Citic Dameng Holdings Ltd" }, { "data":{"cap":"$1,023,227,000","sec": "No","$area": 808427904,"$color":"#1A2D38"}, "id": "Winsway Coking Coal Holdings", "name": "Winsway Coking Coal Holdings" }, { "data":{"cap":"$2,843,623,000","sec": "No","$area": 2246680064,"$color":"#152F52"}, "id": "Mongolian Mining Corp", "name": "Mongolian Mining Corp" }, { "data":{"cap":"$460,501,000","sec": "No","$area": 363831232,"$color":"#1B2D55"}, "id": "China Polymetallic Mining Lt", "name": "China Polymetallic Mining Lt" }, { "data":{"cap":"$17,082,000","sec": "No","$area": 13496190,"$color":"#1A2D61"}, "id": "South Sea Petroleum Holdings", "name": "South Sea Petroleum Holdings" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B323D"}, "id": "Chongqing Iron & Steel Co-h *", "name": "Chongqing Iron & Steel Co-h *" }, { "data":{"cap":"$295,113,000","sec": "No","$area": 233161616,"$color":"#17283F"}, "id": "Titan Petrochemicals Group L", "name": "Titan Petrochemicals Group L" }, { "data":{"cap":"$56,357,000","sec": "No","$area": 44526424,"$color":"#1A2D52"}, "id": "China Nonferrous Metals Co", "name": "China Nonferrous Metals Co" }, { "data":{"cap":"$128,930,910,000","sec": "No","$area": 101865299968,"$color":"#192A54"}, "id": "Vale Sa-Class A Preferred Dr *", "name": "Vale Sa-Class A Preferred Dr *" }, { "data":{"cap":"$772,115,000","sec": "No","$area": 610030080,"$color":"#143160"}, "id": "Mie Holdings Corporation", "name": "Mie Holdings Corporation" }, { "data":{"cap":"$188,649,000","sec": "No","$area": 149046848,"$color":"#172D3E"}, "id": "China Nickel Resources Hldgs", "name": "China Nickel Resources Hldgs" }, { "data":{"cap":"$129,759,000","sec": "No","$area": 102519328,"$color":"#1A324C"}, "id": "King Stone Energy Group Ltd", "name": "King Stone Energy Group Ltd" }, { "data":{"cap":"$86,172,886,000","sec": "No","$area": 68083183616,"$color":"#162C3C"}, "id": "China Shenhua Energy Co-H *", "name": "China Shenhua Energy Co-H *" }, { "data":{"cap":"$138,129,000","sec": "No","$area": 109132144,"$color":"#1B3239"}, "id": "Sinocop Resources Hldgs Ltd", "name": "Sinocop Resources Hldgs Ltd" }, { "data":{"cap":"$399,464,000","sec": "No","$area": 315607264,"$color":"#192E38"}, "id": "China Oil And Gas Group Ltd", "name": "China Oil And Gas Group Ltd" }, { "data":{"cap":"$128,930,910,000","sec": "No","$area": 101865299968,"$color":"#1C2833"}, "id": "Vale Sa-common Dr", "name": "Vale Sa-common Dr" }, { "data":{"cap":"$14,594,000","sec": "No","$area": 11530453,"$color":"#182E5F"}, "id": "Mayer Holdings Ltd", "name": "Mayer Holdings Ltd" }, { "data":{"cap":"$332,410,000","sec": "No","$area": 262629040,"$color":"#183151"}, "id": "Chu Kong Petroleum & Natural", "name": "Chu Kong Petroleum & Natural" }, { "data":{"cap":"$17,435,000","sec": "No","$area": 13774949,"$color":"#143058"}, "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":"$430,592,000","sec": "No","$area": 340200608,"$color":"#172C47"}, "id": "Sino Oil And Gas Holdings Lt", "name": "Sino Oil And Gas Holdings Lt" }, { "data":{"cap":"$95,721,000","sec": "No","$area": 75627112,"$color":"#1B2942"}, "id": "China Cbm Group Ltd", "name": "China Cbm Group Ltd" }, { "data":{"cap":"$29,496,000","sec": "No","$area": 23303976,"$color":"#182E5B"}, "id": "Novo Group Ltd", "name": "Novo Group Ltd" }, { "data":{"cap":"$50,885,000","sec": "No","$area": 40203352,"$color":"#1A2C4A"}, "id": "Lee Kee Holdings Ltd", "name": "Lee Kee Holdings Ltd" }, { "data":{"cap":"$587,561,000","sec": "No","$area": 464218336,"$color":"#1A2E52"}, "id": "China Hanking Holdings Ltd", "name": "China Hanking Holdings Ltd" }, { "data":{"cap":"$498,866,000","sec": "No","$area": 394142432,"$color":"#1A313C"}, "id": "Irc Ltd", "name": "Irc Ltd" }, { "data":{"cap":"$9,906,032,000","sec": "No","$area": 7826524160,"$color":"#152E44"}, "id": "China Oilfield Services-H *", "name": "China Oilfield Services-H *" }, { "data":{"cap":"$397,713,000","sec": "No","$area": 314223584,"$color":"#1E2936"}, "id": "Sino Union Energy Investment", "name": "Sino Union Energy Investment" }, { "data":{"cap":"$132,098,000","sec": "No","$area": 104367256,"$color":"#193058"}, "id": "China Mining Resources Group", "name": "China Mining Resources Group" }, { "data":{"cap":"$327,083,000","sec": "No","$area": 258420976,"$color":"#192A3E"}, "id": "Midas Holdings Ltd", "name": "Midas Holdings Ltd" }, { "data":{"cap":"$62,482,000","sec": "No","$area": 49365632,"$color":"#152D3A"}, "id": "Ka Shui Intl Hldg Ltd", "name": "Ka Shui Intl Hldg Ltd" }, { "data":{"cap":"$266,028,000","sec": "No","$area": 210182688,"$color":"#152F33"}, "id": "China Kingstone Mining Holdi", "name": "China Kingstone Mining Holdi" }, { "data":{"cap":"$53,097,000","sec": "No","$area": 41950380,"$color":"#15304D"}, "id": "Cvm Minerals Ltd", "name": "Cvm Minerals Ltd" }, { "data":{"cap":"$5,534,111,000","sec": "No","$area": 4372371456,"$color":"#1A2B3D"}, "id": "Angang Steel Co Ltd-H *", "name": "Angang Steel Co Ltd-H *" }, { "data":{"cap":"$596,827,000","sec": "No","$area": 471538912,"$color":"#1E2E3B"}, "id": "Sinopec Kantons Holdings", "name": "Sinopec Kantons Holdings" }, { "data":{"cap":"$170,934,000","sec": "No","$area": 135051072,"$color":"#1A2850"}, "id": "Chinese People Holdings Co", "name": "Chinese People Holdings Co" }, { "data":{"cap":"$52,710,000","sec": "No","$area": 41644668,"$color":"#1B3052"}, "id": "Yue Da Mining Holdings Ltd", "name": "Yue Da Mining Holdings Ltd" }, { "data":{"cap":"$37,842,000","sec": "No","$area": 29897798,"$color":"#162936"}, "id": "Jutal Offshore Oil Services", "name": "Jutal Offshore Oil Services" }, { "data":{"cap":"$3,063,862,000","sec": "No","$area": 2420685568,"$color":"#15314D"}, "id": "China Hongqiao Group Ltd", "name": "China Hongqiao Group Ltd" }, { "data":{"cap":"$9,501,518,000","sec": "No","$area": 7506927104,"$color":"#192B46"}, "id": "Kazakhmys Plc *", "name": "Kazakhmys Plc *" }, { "data":{"cap":"$12,981,481,000","sec": "Yes","$area": 10256364544,"$color":"#009900"}, "id": "Aluminum Corp Of China Ltd-H *", "name": "Aluminum Corp Of China Ltd-H *" }, { "data":{"cap":"$18,420,000","sec": "No","$area": 14553250,"$color":"#142C39"}, "id": "Oriental Explorer Hldgs Ltd", "name": "Oriental Explorer Hldgs Ltd" }, { "data":{"cap":"$2,046,436,000","sec": "No","$area": 1616840960,"$color":"#1E2B63"}, "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(); }); }