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":"€5,085,384,000","sec": "No","$area": 5085383680,"$color":"#17293B"},
"id": "Jinduicheng Molybdenum Co -a",
"name": "Jinduicheng Molybdenum Co -a"
},
{
"data":{"cap":"€1,955,098,000","sec": "No","$area": 1955097728,"$color":"#1B2E4C"},
"id": "Kailuan Energy Chemical Co-a",
"name": "Kailuan Energy Chemical Co-a"
},
{
"data":{"cap":"€478,209,000","sec": "No","$area": 478208832,"$color":"#152955"},
"id": "Anyuan Industrial Co Ltd-a",
"name": "Anyuan Industrial Co Ltd-a"
},
{
"data":{"cap":"€360,928,000","sec": "No","$area": 360928288,"$color":"#152E64"},
"id": "Anhui Xinke New Material C-a",
"name": "Anhui Xinke New Material C-a"
},
{
"data":{"cap":"€842,569,000","sec": "No","$area": 842569152,"$color":"#162A37"},
"id": "Laiwu Steel Corporation-a",
"name": "Laiwu Steel Corporation-a"
},
{
"data":{"cap":"€15,281,333,000","sec": "No","$area": 15281333248,"$color":"#1C2833"},
"id": "China Coal Energy Co-a",
"name": "China Coal Energy Co-a"
},
{
"data":{"cap":"€149,756,000","sec": "No","$area": 149756336,"$color":"#1C2C44"},
"id": "Guizhou Wire Rope Co Ltd-a",
"name": "Guizhou Wire Rope Co Ltd-a"
},
{
"data":{"cap":"€1,244,620,000","sec": "No","$area": 1244619648,"$color":"#1D2B5D"},
"id": "Henan Zhongfu Industry Co-a",
"name": "Henan Zhongfu Industry Co-a"
},
{
"data":{"cap":"€1,416,322,000","sec": "No","$area": 1416321920,"$color":"#1B3136"},
"id": "Nanjing Iron & Steel Co-a",
"name": "Nanjing Iron & Steel Co-a"
},
{
"data":{"cap":"€5,742,731,000","sec": "No","$area": 5742730752,"$color":"#1E2E4C"},
"id": "Inner Mongolia Yitai Coal-b",
"name": "Inner Mongolia Yitai Coal-b"
},
{
"data":{"cap":"€2,700,159,000","sec": "No","$area": 2700159232,"$color":"#142D3C"},
"id": "Sdic Xinji Energy Co -a",
"name": "Sdic Xinji Energy Co -a"
},
{
"data":{"cap":"€2,512,625,000","sec": "No","$area": 2512625408,"$color":"#142957"},
"id": "Yunnan Chihong Zinc & Germ-a",
"name": "Yunnan Chihong Zinc & Germ-a"
},
{
"data":{"cap":"€1,035,382,000","sec": "No","$area": 1035382464,"$color":"#162F4E"},
"id": "Baoji Titanium Industry Co-a",
"name": "Baoji Titanium Industry Co-a"
},
{
"data":{"cap":"€1,540,987,000","sec": "No","$area": 1540986752,"$color":"#1B315A"},
"id": "Rising Nonferrous Metal Sh-a",
"name": "Rising Nonferrous Metal Sh-a"
},
{
"data":{"cap":"€344,438,000","sec": "No","$area": 344438496,"$color":"#1B2D63"},
"id": "Luyin Investment Group Co-a",
"name": "Luyin Investment Group Co-a"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#192C5F"},
"id": "Petrochina Co Ltd-a *",
"name": "Petrochina Co Ltd-a *"
},
{
"data":{"cap":"€446,315,000","sec": "No","$area": 446314976,"$color":"#192E60"},
"id": "Zhejiang Haiyue Co Ltd-a",
"name": "Zhejiang Haiyue Co Ltd-a"
},
{
"data":{"cap":"€2,813,642,000","sec": "No","$area": 2813641728,"$color":"#15313C"},
"id": "Offshore Oil Engineering-a",
"name": "Offshore Oil Engineering-a"
},
{
"data":{"cap":"€593,612,000","sec": "No","$area": 593611584,"$color":"#192E41"},
"id": "Lingyuan Iron & Steel Co-a",
"name": "Lingyuan Iron & Steel Co-a"
},
{
"data":{"cap":"€879,848,000","sec": "No","$area": 879848448,"$color":"#142A42"},
"id": "Xinyu Iron & Steel Co Ltd-a",
"name": "Xinyu Iron & Steel Co Ltd-a"
},
{
"data":{"cap":"€68,083,184,000","sec": "No","$area": 68083183616,"$color":"#1B2F58"},
"id": "China Shenhua Energy Co-a",
"name": "China Shenhua Energy Co-a"
},
{
"data":{"cap":"€684,800,000","sec": "No","$area": 684800192,"$color":"#1A3145"},
"id": "Hunan Corun New Energy Co-a",
"name": "Hunan Corun New Energy Co-a"
},
{
"data":{"cap":"€9,100,629,000","sec": "No","$area": 9100628992,"$color":"#153233"},
"id": "Jiangxi Copper Co Ltd-a",
"name": "Jiangxi Copper Co Ltd-a"
},
{
"data":{"cap":"€1,733,345,000","sec": "No","$area": 1733345408,"$color":"#1D3139"},
"id": "Shandong Nanshan Aluminum-a",
"name": "Shandong Nanshan Aluminum-a"
},
{
"data":{"cap":"€145,130,000","sec": "No","$area": 145130144,"$color":"#182F41"},
"id": "Ningbo Fubang Jingye Group-a",
"name": "Ningbo Fubang Jingye Group-a"
},
{
"data":{"cap":"€7,826,524,000","sec": "No","$area": 7826524160,"$color":"#1B3163"},
"id": "China Oilfield Services-a",
"name": "China Oilfield Services-a"
},
{
"data":{"cap":"€1,400,383,000","sec": "No","$area": 1400382976,"$color":"#182B4E"},
"id": "Jinlin Ji En Nickel Indust-a",
"name": "Jinlin Ji En Nickel Indust-a"
},
{
"data":{"cap":"€1,214,754,000","sec": "No","$area": 1214754048,"$color":"#1C283F"},
"id": "Sichuan Hongda Co Ltd -a",
"name": "Sichuan Hongda Co Ltd -a"
},
{
"data":{"cap":"€3,889,325,000","sec": "No","$area": 3889325056,"$color":"#1D294E"},
"id": "Wuhan Iron & Steel Co Ltd-a",
"name": "Wuhan Iron & Steel Co Ltd-a"
},
{
"data":{"cap":"€570,238,000","sec": "No","$area": 570238272,"$color":"#152C35"},
"id": "Qinghai Jinrui Mineral Dev-a",
"name": "Qinghai Jinrui Mineral Dev-a"
},
{
"data":{"cap":"€3,021,224,000","sec": "No","$area": 3021223936,"$color":"#1C2838"},
"id": "Western Mining Co -a",
"name": "Western Mining Co -a"
},
{
"data":{"cap":"€5,746,922,000","sec": "No","$area": 5746922496,"$color":"#172953"},
"id": "Shandong Gold Mining Co Lt-a",
"name": "Shandong Gold Mining Co Lt-a"
},
{
"data":{"cap":"€1,869,389,000","sec": "No","$area": 1869388672,"$color":"#1D2B60"},
"id": "Shanghai Datun Energy-a",
"name": "Shanghai Datun Energy-a"
},
{
"data":{"cap":"€2,927,253,000","sec": "No","$area": 2927252992,"$color":"#1A2850"},
"id": "Shanxi Lanhua Sci-tech-a",
"name": "Shanxi Lanhua Sci-tech-a"
},
{
"data":{"cap":"€561,008,000","sec": "No","$area": 561007616,"$color":"#142B3A"},
"id": "Guangzhou Iron & Steel -a",
"name": "Guangzhou Iron & Steel -a"
},
{
"data":{"cap":"€10,256,365,000","sec": "Yes","$area": 10256364544,"$color":"#009900"},
"id": "Aluminum Corp Of China Ltd-a",
"name": "Aluminum Corp Of China Ltd-a"
},
{
"data":{"cap":"€5,748,481,000","sec": "No","$area": 5748480512,"$color":"#192E35"},
"id": "Yangquan Coal Industry Grp-a",
"name": "Yangquan Coal Industry Grp-a"
},
{
"data":{"cap":"€824,149,000","sec": "No","$area": 824148544,"$color":"#143156"},
"id": "Anyang Iron & Steel Co Ltd-a",
"name": "Anyang Iron & Steel Co Ltd-a"
},
{
"data":{"cap":"€404,400,000","sec": "No","$area": 404399584,"$color":"#183255"},
"id": "Henan Huanghe Whirlwind Co-a",
"name": "Henan Huanghe Whirlwind Co-a"
},
{
"data":{"cap":"€769,432,000","sec": "No","$area": 769431680,"$color":"#162C43"},
"id": "Xinjiang Joinworld Co Ltd-a",
"name": "Xinjiang Joinworld Co Ltd-a"
},
{
"data":{"cap":"€513,729,000","sec": "No","$area": 513728800,"$color":"#153232"},
"id": "Chongqing Iron & Steel Co-a",
"name": "Chongqing Iron & Steel Co-a"
},
{
"data":{"cap":"€5,099,711,000","sec": "No","$area": 5099710976,"$color":"#182E43"},
"id": "Zhongjin Gold Corp-a",
"name": "Zhongjin Gold Corp-a"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "China Petroleum & Chemical-a *",
"name": "China Petroleum & Chemical-a *"
},
{
"data":{"cap":"€202,628,000","sec": "No","$area": 202628048,"$color":"#1B2A5C"},
"id": "Heilongjiang Heihua Co-a",
"name": "Heilongjiang Heihua Co-a"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#142C4C"},
"id": "Shanghai Material Trading-b *",
"name": "Shanghai Material Trading-b *"
},
{
"data":{"cap":"€1,220,031,000","sec": "No","$area": 1220031360,"$color":"#1B2D60"},
"id": "Liuzhou Iron & Steel Co -a",
"name": "Liuzhou Iron & Steel Co -a"
},
{
"data":{"cap":"€3,065,368,000","sec": "No","$area": 3065368320,"$color":"#1D2E43"},
"id": "Shanxi Coal International -a",
"name": "Shanxi Coal International -a"
},
{
"data":{"cap":"€737,855,000","sec": "No","$area": 737854848,"$color":"#1E315E"},
"id": "Qinghai Sunshiny Industry-a",
"name": "Qinghai Sunshiny Industry-a"
},
{
"data":{"cap":"€12,882,966,000","sec": "No","$area": 12882965504,"$color":"#1E2F61"},
"id": "Yanzhou Coal Mining Co-a",
"name": "Yanzhou Coal Mining Co-a"
},
{
"data":{"cap":"€160,649,000","sec": "No","$area": 160649152,"$color":"#1C2963"},
"id": "Dongxin Electrical Carbon -a",
"name": "Dongxin Electrical Carbon -a"
},
{
"data":{"cap":"€340,970,000","sec": "No","$area": 340969984,"$color":"#1C3052"},
"id": "Jiangsu Yulong Steel Pipe -a",
"name": "Jiangsu Yulong Steel Pipe -a"
},
{
"data":{"cap":"€3,548,226,000","sec": "No","$area": 3548226304,"$color":"#1B2D41"},
"id": "Pingdingshan Tianan Coal -a",
"name": "Pingdingshan Tianan Coal -a"
},
{
"data":{"cap":"€344,012,000","sec": "No","$area": 344012064,"$color":"#142B3A"},
"id": "Sino-platinum Metals Co-a",
"name": "Sino-platinum Metals Co-a"
},
{
"data":{"cap":"€3,243,473,000","sec": "No","$area": 3243472640,"$color":"#142A61"},
"id": "Guizhou Panjiang Refined-a",
"name": "Guizhou Panjiang Refined-a"
},
{
"data":{"cap":"€1,141,612,000","sec": "No","$area": 1141611520,"$color":"#172B58"},
"id": "Wintime Energy Co Ltd-a",
"name": "Wintime Energy Co Ltd-a"
},
{
"data":{"cap":"€2,469,985,000","sec": "No","$area": 2469984768,"$color":"#1C2B63"},
"id": "Maanshan Iron & Steel-a",
"name": "Maanshan Iron & Steel-a"
},
{
"data":{"cap":"€683,059,000","sec": "No","$area": 683058688,"$color":"#1A2E35"},
"id": "Qitaihe Baotailong Coal-a",
"name": "Qitaihe Baotailong Coal-a"
},
{
"data":{"cap":"€7,093,210,000","sec": "No","$area": 7093209600,"$color":"#153135"},
"id": "Shanxi Lu'an Environmental-a",
"name": "Shanxi Lu'an Environmental-a"
},
{
"data":{"cap":"€556,880,000","sec": "No","$area": 556880320,"$color":"#152864"},
"id": "Shanxi Antai Group Co Ltd -a",
"name": "Shanxi Antai Group Co Ltd -a"
},
{
"data":{"cap":"€3,792,571,000","sec": "No","$area": 3792571392,"$color":"#1A3155"},
"id": "Inner Mongolian Baotou Ste-a",
"name": "Inner Mongolian Baotou Ste-a"
},
{
"data":{"cap":"€228,485,000","sec": "No","$area": 228485200,"$color":"#1C2D4D"},
"id": "Ningxia Xinri Hengli Steel-a",
"name": "Ningxia Xinri Hengli Steel-a"
},
{
"data":{"cap":"€306,976,000","sec": "No","$area": 306975968,"$color":"#1E2962"},
"id": "Shanghai Material Trading-a",
"name": "Shanghai Material Trading-a"
},
{
"data":{"cap":"€441,743,000","sec": "No","$area": 441743360,"$color":"#192860"},
"id": "Ningbo Powerway Alloy Mate-a",
"name": "Ningbo Powerway Alloy Mate-a"
},
{
"data":{"cap":"€2,827,195,000","sec": "No","$area": 2827194880,"$color":"#1B2861"},
"id": "Datong Coal Industry Co -a",
"name": "Datong Coal Industry Co -a"
},
{
"data":{"cap":"€2,874,472,000","sec": "No","$area": 2874472448,"$color":"#142E39"},
"id": "Xiamen Tungsten Co Ltd-a",
"name": "Xiamen Tungsten Co Ltd-a"
},
{
"data":{"cap":"€294,085,000","sec": "No","$area": 294085408,"$color":"#1A2A34"},
"id": "Fushun Special Steel Co-a",
"name": "Fushun Special Steel Co-a"
},
{
"data":{"cap":"€703,414,000","sec": "No","$area": 703413824,"$color":"#182B51"},
"id": "Sichuan Western Resources-a",
"name": "Sichuan Western Resources-a"
},
{
"data":{"cap":"€869,092,000","sec": "No","$area": 869092416,"$color":"#1A2C49"},
"id": "Guangdong Dongyangguang Al-a",
"name": "Guangdong Dongyangguang Al-a"
},
{
"data":{"cap":"€412,981,000","sec": "No","$area": 412980896,"$color":"#1E2B60"},
"id": "Changshu Fengfan Power Equ-a",
"name": "Changshu Fengfan Power Equ-a"
},
{
"data":{"cap":"€677,247,000","sec": "No","$area": 677246592,"$color":"#182E42"},
"id": "Zhuzhou Smelter Group Co L-a",
"name": "Zhuzhou Smelter Group Co L-a"
},
{
"data":{"cap":"€1,589,848,000","sec": "No","$area": 1589848448,"$color":"#172B55"},
"id": "Fangda Carbon New Material-a",
"name": "Fangda Carbon New Material-a"
},
{
"data":{"cap":"€137,562,000","sec": "No","$area": 137562192,"$color":"#152E64"},
"id": "Tibet Summit Industrial Co-a",
"name": "Tibet Summit Industrial Co-a"
},
{
"data":{"cap":"€426,493,000","sec": "No","$area": 426493376,"$color":"#17313F"},
"id": "Hangzhou Iron & Steel Co-a",
"name": "Hangzhou Iron & Steel Co-a"
},
{
"data":{"cap":"€163,505,000","sec": "No","$area": 163505200,"$color":"#1B2950"},
"id": "Shanghai Broadband Tech-a",
"name": "Shanghai Broadband Tech-a"
},
{
"data":{"cap":"€2,560,503,000","sec": "No","$area": 2560503040,"$color":"#142947"},
"id": "Beijing Haohua Energy Reso-a",
"name": "Beijing Haohua Energy Reso-a"
},
{
"data":{"cap":"€2,053,386,000","sec": "No","$area": 2053385728,"$color":"#1E3160"},
"id": "Anhui Hengyuan Coal Indust-a",
"name": "Anhui Hengyuan Coal Indust-a"
},
{
"data":{"cap":"€802,147,000","sec": "No","$area": 802147072,"$color":"#182A4C"},
"id": "Xinjiang Ba Yi Iron & Stee-a",
"name": "Xinjiang Ba Yi Iron & Stee-a"
},
{
"data":{"cap":"€1,957,883,000","sec": "No","$area": 1957883392,"$color":"#152843"},
"id": "Gansu Jiu Steel Group Hong-a",
"name": "Gansu Jiu Steel Group Hong-a"
},
{
"data":{"cap":"€666,107,000","sec": "No","$area": 666106560,"$color":"#1E3064"},
"id": "Xining Special Steel Co-a",
"name": "Xining Special Steel Co-a"
},
{
"data":{"cap":"€347,552,000","sec": "No","$area": 347551872,"$color":"#182C53"},
"id": "Shanghai Ace Co Ltd-a",
"name": "Shanghai Ace Co Ltd-a"
},
{
"data":{"cap":"€10,648,616,000","sec": "No","$area": 10648615936,"$color":"#1E2F40"},
"id": "Zijin Mining Group Co Ltd-a",
"name": "Zijin Mining Group Co Ltd-a"
},
{
"data":{"cap":"€1,373,041,000","sec": "No","$area": 1373040512,"$color":"#182F37"},
"id": "Jinan Iron And Steel Co Lt-a",
"name": "Jinan Iron And Steel Co Lt-a"
},
{
"data":{"cap":"€687,732,000","sec": "No","$area": 687732224,"$color":"#143240"},
"id": "Henan Yuguang Gold&lead Co-a",
"name": "Henan Yuguang Gold&lead Co-a"
},
{
"data":{"cap":"€11,296,998,000","sec": "No","$area": 11296998400,"$color":"#1C3235"},
"id": "Baoshan Iron & Steel Co-a",
"name": "Baoshan Iron & Steel Co-a"
},
{
"data":{"cap":"€6,802,257,000","sec": "No","$area": 6802257408,"$color":"#152C3B"},
"id": "Inner Mongolia Baotou Stee-a",
"name": "Inner Mongolia Baotou Stee-a"
}
]
};
//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();
});
}