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":"$6,436,570,000","sec": "No","$area": 5085383680,"$color":"#162864"},
"id": "Jinduicheng Molybdenum Co -a",
"name": "Jinduicheng Molybdenum Co -a"
},
{
"data":{"cap":"$2,474,567,000","sec": "No","$area": 1955097728,"$color":"#15293E"},
"id": "Kailuan Energy Chemical Co-a",
"name": "Kailuan Energy Chemical Co-a"
},
{
"data":{"cap":"$605,269,000","sec": "No","$area": 478208832,"$color":"#1B2E4C"},
"id": "Anyuan Industrial Co Ltd-a",
"name": "Anyuan Industrial Co Ltd-a"
},
{
"data":{"cap":"$456,827,000","sec": "No","$area": 360928288,"$color":"#1A2A5B"},
"id": "Anhui Xinke New Material C-a",
"name": "Anhui Xinke New Material C-a"
},
{
"data":{"cap":"$1,066,440,000","sec": "No","$area": 842569152,"$color":"#172E5B"},
"id": "Laiwu Steel Corporation-a",
"name": "Laiwu Steel Corporation-a"
},
{
"data":{"cap":"$19,341,583,000","sec": "No","$area": 15281333248,"$color":"#182854"},
"id": "China Coal Energy Co-a",
"name": "China Coal Energy Co-a"
},
{
"data":{"cap":"$189,547,000","sec": "No","$area": 149756336,"$color":"#1E2B5A"},
"id": "Guizhou Wire Rope Co Ltd-a",
"name": "Guizhou Wire Rope Co Ltd-a"
},
{
"data":{"cap":"$1,575,315,000","sec": "No","$area": 1244619648,"$color":"#183045"},
"id": "Henan Zhongfu Industry Co-a",
"name": "Henan Zhongfu Industry Co-a"
},
{
"data":{"cap":"$1,792,639,000","sec": "No","$area": 1416321920,"$color":"#142C4E"},
"id": "Nanjing Iron & Steel Co-a",
"name": "Nanjing Iron & Steel Co-a"
},
{
"data":{"cap":"$7,268,574,000","sec": "No","$area": 5742730752,"$color":"#1A3044"},
"id": "Inner Mongolia Yitai Coal-b",
"name": "Inner Mongolia Yitai Coal-b"
},
{
"data":{"cap":"$3,417,592,000","sec": "No","$area": 2700159232,"$color":"#1A2853"},
"id": "Sdic Xinji Energy Co -a",
"name": "Sdic Xinji Energy Co -a"
},
{
"data":{"cap":"$3,180,230,000","sec": "No","$area": 2512625408,"$color":"#152937"},
"id": "Yunnan Chihong Zinc & Germ-a",
"name": "Yunnan Chihong Zinc & Germ-a"
},
{
"data":{"cap":"$1,310,484,000","sec": "No","$area": 1035382464,"$color":"#16303C"},
"id": "Baoji Titanium Industry Co-a",
"name": "Baoji Titanium Industry Co-a"
},
{
"data":{"cap":"$1,950,427,000","sec": "No","$area": 1540986752,"$color":"#1D2839"},
"id": "Rising Nonferrous Metal Sh-a",
"name": "Rising Nonferrous Metal Sh-a"
},
{
"data":{"cap":"$435,956,000","sec": "No","$area": 344438496,"$color":"#19313E"},
"id": "Luyin Investment Group Co-a",
"name": "Luyin Investment Group Co-a"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2E4F"},
"id": "Petrochina Co Ltd-a *",
"name": "Petrochina Co Ltd-a *"
},
{
"data":{"cap":"$564,901,000","sec": "No","$area": 446314976,"$color":"#16305F"},
"id": "Zhejiang Haiyue Co Ltd-a",
"name": "Zhejiang Haiyue Co Ltd-a"
},
{
"data":{"cap":"$3,561,226,000","sec": "No","$area": 2813641728,"$color":"#1A2B63"},
"id": "Offshore Oil Engineering-a",
"name": "Offshore Oil Engineering-a"
},
{
"data":{"cap":"$751,334,000","sec": "No","$area": 593611584,"$color":"#1D2B63"},
"id": "Lingyuan Iron & Steel Co-a",
"name": "Lingyuan Iron & Steel Co-a"
},
{
"data":{"cap":"$1,113,624,000","sec": "No","$area": 879848448,"$color":"#1E3048"},
"id": "Xinyu Iron & Steel Co Ltd-a",
"name": "Xinyu Iron & Steel Co Ltd-a"
},
{
"data":{"cap":"$86,172,886,000","sec": "No","$area": 68083183616,"$color":"#1E283E"},
"id": "China Shenhua Energy Co-a",
"name": "China Shenhua Energy Co-a"
},
{
"data":{"cap":"$866,752,000","sec": "No","$area": 684800192,"$color":"#152953"},
"id": "Hunan Corun New Energy Co-a",
"name": "Hunan Corun New Energy Co-a"
},
{
"data":{"cap":"$11,518,666,000","sec": "No","$area": 9100628992,"$color":"#1B2A46"},
"id": "Jiangxi Copper Co Ltd-a",
"name": "Jiangxi Copper Co Ltd-a"
},
{
"data":{"cap":"$2,193,895,000","sec": "No","$area": 1733345408,"$color":"#1A284F"},
"id": "Shandong Nanshan Aluminum-a",
"name": "Shandong Nanshan Aluminum-a"
},
{
"data":{"cap":"$183,691,000","sec": "No","$area": 145130144,"$color":"#1B2F42"},
"id": "Ningbo Fubang Jingye Group-a",
"name": "Ningbo Fubang Jingye Group-a"
},
{
"data":{"cap":"$9,906,032,000","sec": "No","$area": 7826524160,"$color":"#1C2A50"},
"id": "China Oilfield Services-a",
"name": "China Oilfield Services-a"
},
{
"data":{"cap":"$1,772,465,000","sec": "No","$area": 1400382976,"$color":"#143053"},
"id": "Jinlin Ji En Nickel Indust-a",
"name": "Jinlin Ji En Nickel Indust-a"
},
{
"data":{"cap":"$1,537,514,000","sec": "No","$area": 1214754048,"$color":"#173155"},
"id": "Sichuan Hongda Co Ltd -a",
"name": "Sichuan Hongda Co Ltd -a"
},
{
"data":{"cap":"$4,922,719,000","sec": "No","$area": 3889325056,"$color":"#182F64"},
"id": "Wuhan Iron & Steel Co Ltd-a",
"name": "Wuhan Iron & Steel Co Ltd-a"
},
{
"data":{"cap":"$721,751,000","sec": "No","$area": 570238272,"$color":"#1E2E50"},
"id": "Qinghai Jinrui Mineral Dev-a",
"name": "Qinghai Jinrui Mineral Dev-a"
},
{
"data":{"cap":"$3,823,963,000","sec": "No","$area": 3021223936,"$color":"#1E2938"},
"id": "Western Mining Co -a",
"name": "Western Mining Co -a"
},
{
"data":{"cap":"$7,273,880,000","sec": "No","$area": 5746922496,"$color":"#14283F"},
"id": "Shandong Gold Mining Co Lt-a",
"name": "Shandong Gold Mining Co Lt-a"
},
{
"data":{"cap":"$2,366,085,000","sec": "No","$area": 1869388672,"$color":"#1B2B37"},
"id": "Shanghai Datun Energy-a",
"name": "Shanghai Datun Energy-a"
},
{
"data":{"cap":"$3,705,024,000","sec": "No","$area": 2927252992,"$color":"#1A2849"},
"id": "Shanxi Lanhua Sci-tech-a",
"name": "Shanxi Lanhua Sci-tech-a"
},
{
"data":{"cap":"$710,067,000","sec": "No","$area": 561007616,"$color":"#1D313A"},
"id": "Guangzhou Iron & Steel -a",
"name": "Guangzhou Iron & Steel -a"
},
{
"data":{"cap":"$12,981,481,000","sec": "Yes","$area": 10256364544,"$color":"#009900"},
"id": "Aluminum Corp Of China Ltd-a",
"name": "Aluminum Corp Of China Ltd-a"
},
{
"data":{"cap":"$7,275,852,000","sec": "No","$area": 5748480512,"$color":"#182D51"},
"id": "Yangquan Coal Industry Grp-a",
"name": "Yangquan Coal Industry Grp-a"
},
{
"data":{"cap":"$1,043,125,000","sec": "No","$area": 824148544,"$color":"#183246"},
"id": "Anyang Iron & Steel Co Ltd-a",
"name": "Anyang Iron & Steel Co Ltd-a"
},
{
"data":{"cap":"$511,849,000","sec": "No","$area": 404399584,"$color":"#1C3235"},
"id": "Henan Huanghe Whirlwind Co-a",
"name": "Henan Huanghe Whirlwind Co-a"
},
{
"data":{"cap":"$973,870,000","sec": "No","$area": 769431680,"$color":"#1B2D50"},
"id": "Xinjiang Joinworld Co Ltd-a",
"name": "Xinjiang Joinworld Co Ltd-a"
},
{
"data":{"cap":"$650,227,000","sec": "No","$area": 513728800,"$color":"#182D34"},
"id": "Chongqing Iron & Steel Co-a",
"name": "Chongqing Iron & Steel Co-a"
},
{
"data":{"cap":"$6,454,704,000","sec": "No","$area": 5099710976,"$color":"#182F5A"},
"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":"$256,466,000","sec": "No","$area": 202628048,"$color":"#1A2B64"},
"id": "Heilongjiang Heihua Co-a",
"name": "Heilongjiang Heihua Co-a"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#192D52"},
"id": "Shanghai Material Trading-b *",
"name": "Shanghai Material Trading-b *"
},
{
"data":{"cap":"$1,544,194,000","sec": "No","$area": 1220031360,"$color":"#1D2D60"},
"id": "Liuzhou Iron & Steel Co -a",
"name": "Liuzhou Iron & Steel Co -a"
},
{
"data":{"cap":"$3,879,837,000","sec": "No","$area": 3065368320,"$color":"#1D2B5E"},
"id": "Shanxi Coal International -a",
"name": "Shanxi Coal International -a"
},
{
"data":{"cap":"$933,903,000","sec": "No","$area": 737854848,"$color":"#182851"},
"id": "Qinghai Sunshiny Industry-a",
"name": "Qinghai Sunshiny Industry-a"
},
{
"data":{"cap":"$16,305,969,000","sec": "No","$area": 12882965504,"$color":"#1B3050"},
"id": "Yanzhou Coal Mining Co-a",
"name": "Yanzhou Coal Mining Co-a"
},
{
"data":{"cap":"$203,334,000","sec": "No","$area": 160649152,"$color":"#192F5F"},
"id": "Dongxin Electrical Carbon -a",
"name": "Dongxin Electrical Carbon -a"
},
{
"data":{"cap":"$431,566,000","sec": "No","$area": 340969984,"$color":"#153250"},
"id": "Jiangsu Yulong Steel Pipe -a",
"name": "Jiangsu Yulong Steel Pipe -a"
},
{
"data":{"cap":"$4,490,990,000","sec": "No","$area": 3548226304,"$color":"#182F58"},
"id": "Pingdingshan Tianan Coal -a",
"name": "Pingdingshan Tianan Coal -a"
},
{
"data":{"cap":"$435,416,000","sec": "No","$area": 344012064,"$color":"#142B44"},
"id": "Sino-platinum Metals Co-a",
"name": "Sino-platinum Metals Co-a"
},
{
"data":{"cap":"$4,105,263,000","sec": "No","$area": 3243472640,"$color":"#182F47"},
"id": "Guizhou Panjiang Refined-a",
"name": "Guizhou Panjiang Refined-a"
},
{
"data":{"cap":"$1,444,938,000","sec": "No","$area": 1141611520,"$color":"#142F60"},
"id": "Wintime Energy Co Ltd-a",
"name": "Wintime Energy Co Ltd-a"
},
{
"data":{"cap":"$3,126,260,000","sec": "No","$area": 2469984768,"$color":"#182F45"},
"id": "Maanshan Iron & Steel-a",
"name": "Maanshan Iron & Steel-a"
},
{
"data":{"cap":"$864,547,000","sec": "No","$area": 683058688,"$color":"#142C64"},
"id": "Qitaihe Baotailong Coal-a",
"name": "Qitaihe Baotailong Coal-a"
},
{
"data":{"cap":"$8,977,875,000","sec": "No","$area": 7093209600,"$color":"#163257"},
"id": "Shanxi Lu'an Environmental-a",
"name": "Shanxi Lu'an Environmental-a"
},
{
"data":{"cap":"$704,843,000","sec": "No","$area": 556880320,"$color":"#152F46"},
"id": "Shanxi Antai Group Co Ltd -a",
"name": "Shanxi Antai Group Co Ltd -a"
},
{
"data":{"cap":"$4,800,258,000","sec": "No","$area": 3792571392,"$color":"#1A2F5F"},
"id": "Inner Mongolian Baotou Ste-a",
"name": "Inner Mongolian Baotou Ste-a"
},
{
"data":{"cap":"$289,194,000","sec": "No","$area": 228485200,"$color":"#14284B"},
"id": "Ningxia Xinri Hengli Steel-a",
"name": "Ningxia Xinri Hengli Steel-a"
},
{
"data":{"cap":"$388,539,000","sec": "No","$area": 306975968,"$color":"#1A2E42"},
"id": "Shanghai Material Trading-a",
"name": "Shanghai Material Trading-a"
},
{
"data":{"cap":"$559,115,000","sec": "No","$area": 441743360,"$color":"#192A49"},
"id": "Ningbo Powerway Alloy Mate-a",
"name": "Ningbo Powerway Alloy Mate-a"
},
{
"data":{"cap":"$3,578,381,000","sec": "No","$area": 2827194880,"$color":"#15283C"},
"id": "Datong Coal Industry Co -a",
"name": "Datong Coal Industry Co -a"
},
{
"data":{"cap":"$3,638,220,000","sec": "No","$area": 2874472448,"$color":"#192D4B"},
"id": "Xiamen Tungsten Co Ltd-a",
"name": "Xiamen Tungsten Co Ltd-a"
},
{
"data":{"cap":"$372,224,000","sec": "No","$area": 294085408,"$color":"#163143"},
"id": "Fushun Special Steel Co-a",
"name": "Fushun Special Steel Co-a"
},
{
"data":{"cap":"$890,311,000","sec": "No","$area": 703413824,"$color":"#183051"},
"id": "Sichuan Western Resources-a",
"name": "Sichuan Western Resources-a"
},
{
"data":{"cap":"$1,100,010,000","sec": "No","$area": 869092416,"$color":"#18293F"},
"id": "Guangdong Dongyangguang Al-a",
"name": "Guangdong Dongyangguang Al-a"
},
{
"data":{"cap":"$522,710,000","sec": "No","$area": 412980896,"$color":"#1B2E3B"},
"id": "Changshu Fengfan Power Equ-a",
"name": "Changshu Fengfan Power Equ-a"
},
{
"data":{"cap":"$857,191,000","sec": "No","$area": 677246592,"$color":"#1D2F45"},
"id": "Zhuzhou Smelter Group Co L-a",
"name": "Zhuzhou Smelter Group Co L-a"
},
{
"data":{"cap":"$2,012,271,000","sec": "No","$area": 1589848448,"$color":"#1E2F4D"},
"id": "Fangda Carbon New Material-a",
"name": "Fangda Carbon New Material-a"
},
{
"data":{"cap":"$174,112,000","sec": "No","$area": 137562192,"$color":"#1C2842"},
"id": "Tibet Summit Industrial Co-a",
"name": "Tibet Summit Industrial Co-a"
},
{
"data":{"cap":"$539,813,000","sec": "No","$area": 426493376,"$color":"#1C283C"},
"id": "Hangzhou Iron & Steel Co-a",
"name": "Hangzhou Iron & Steel Co-a"
},
{
"data":{"cap":"$206,949,000","sec": "No","$area": 163505200,"$color":"#1E2B3C"},
"id": "Shanghai Broadband Tech-a",
"name": "Shanghai Broadband Tech-a"
},
{
"data":{"cap":"$3,240,829,000","sec": "No","$area": 2560503040,"$color":"#1E2E62"},
"id": "Beijing Haohua Energy Reso-a",
"name": "Beijing Haohua Energy Reso-a"
},
{
"data":{"cap":"$2,598,970,000","sec": "No","$area": 2053385728,"$color":"#182B3E"},
"id": "Anhui Hengyuan Coal Indust-a",
"name": "Anhui Hengyuan Coal Indust-a"
},
{
"data":{"cap":"$1,015,278,000","sec": "No","$area": 802147072,"$color":"#152D58"},
"id": "Xinjiang Ba Yi Iron & Stee-a",
"name": "Xinjiang Ba Yi Iron & Stee-a"
},
{
"data":{"cap":"$2,478,093,000","sec": "No","$area": 1957883392,"$color":"#162836"},
"id": "Gansu Jiu Steel Group Hong-a",
"name": "Gansu Jiu Steel Group Hong-a"
},
{
"data":{"cap":"$843,091,000","sec": "No","$area": 666106560,"$color":"#182833"},
"id": "Xining Special Steel Co-a",
"name": "Xining Special Steel Co-a"
},
{
"data":{"cap":"$439,896,000","sec": "No","$area": 347551872,"$color":"#163158"},
"id": "Shanghai Ace Co Ltd-a",
"name": "Shanghai Ace Co Ltd-a"
},
{
"data":{"cap":"$13,477,953,000","sec": "No","$area": 10648615936,"$color":"#183158"},
"id": "Zijin Mining Group Co Ltd-a",
"name": "Zijin Mining Group Co Ltd-a"
},
{
"data":{"cap":"$1,737,857,000","sec": "No","$area": 1373040512,"$color":"#182C5A"},
"id": "Jinan Iron And Steel Co Lt-a",
"name": "Jinan Iron And Steel Co Lt-a"
},
{
"data":{"cap":"$870,463,000","sec": "No","$area": 687732224,"$color":"#1B294B"},
"id": "Henan Yuguang Gold&lead Co-a",
"name": "Henan Yuguang Gold&lead Co-a"
},
{
"data":{"cap":"$14,298,611,000","sec": "No","$area": 11296998400,"$color":"#14284F"},
"id": "Baoshan Iron & Steel Co-a",
"name": "Baoshan Iron & Steel Co-a"
},
{
"data":{"cap":"$8,609,617,000","sec": "No","$area": 6802257408,"$color":"#172E60"},
"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();
});
}