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":"$128,930,910,000","sec": "No","$area": 101865299968,"$color":"#152C3A"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2F43"},
"id": "Usiminas-pref A Pop *",
"name": "Usiminas-pref A Pop *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1A3238"},
"id": "Panatlantica Sa-pref *",
"name": "Panatlantica Sa-pref *"
},
{
"data":{"cap":"$15,226,875,000","sec": "Yes","$area": 12030398464,"$color":"#009900"},
"id": "Gerdau Sa-pref *",
"name": "Gerdau Sa-pref *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#193059"},
"id": "Siderurgica J.L. Aliperti-pr *",
"name": "Siderurgica J.L. Aliperti-pr *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1B2B4E"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#162A64"},
"id": "Usiminas-pref A Pop *",
"name": "Usiminas-pref A Pop *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#153152"},
"id": "Panatlantica Sa *",
"name": "Panatlantica Sa *"
},
{
"data":{"cap":"$15,163,305,000","sec": "Yes","$area": 11980173312,"$color":"#009900"},
"id": "Gerdau S.A.",
"name": "Gerdau S.A."
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2C61"},
"id": "Siderurgica J.L. Aliperti Sa *",
"name": "Siderurgica J.L. Aliperti Sa *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#183237"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#182A3D"},
"id": "Usiminas-pref A Pop *",
"name": "Usiminas-pref A Pop *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$1,897,105,000","sec": "No","$area": 1498858368,"$color":"#182B4C"},
"id": "Osx Brasil Sa",
"name": "Osx Brasil Sa"
},
{
"data":{"cap":"$510,549,000","sec": "No","$area": 403372640,"$color":"#172A51"},
"id": "Cia Ferro Ligas Da Bahia -fe",
"name": "Cia Ferro Ligas Da Bahia -fe"
},
{
"data":{"cap":"$179,472,000","sec": "No","$area": 141796544,"$color":"#19305E"},
"id": "All Ore Mineracao Sa",
"name": "All Ore Mineracao Sa"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1C2E51"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#192B3B"},
"id": "Usiminas-pref A Pop *",
"name": "Usiminas-pref A Pop *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$27,679,291,000","sec": "No","$area": 21868761088,"$color":"#192843"},
"id": "Ogx Petroleo E Gas Participa",
"name": "Ogx Petroleo E Gas Participa"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2E58"},
"id": "Ferbasa-ferro Ligas Da Bahia *",
"name": "Ferbasa-ferro Ligas Da Bahia *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1C2E45"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#192958"},
"id": "Usiminas-pref A Pop *",
"name": "Usiminas-pref A Pop *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#16295D"},
"id": "Wetzel Sa-pref *",
"name": "Wetzel Sa-pref *"
},
{
"data":{"cap":"$32,525,000","sec": "No","$area": 25696958,"$color":"#1D3043"},
"id": "Electro Aco Altona Sa-pref",
"name": "Electro Aco Altona Sa-pref"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1D293A"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#182C4F"},
"id": "Usinas Sider Minas Ger-pf B *",
"name": "Usinas Sider Minas Ger-pf B *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$28,267,000","sec": "No","$area": 22333066,"$color":"#1D324A"},
"id": "Wetzel Sa",
"name": "Wetzel Sa"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1E324C"},
"id": "Electro Aco Altona Sa *",
"name": "Electro Aco Altona Sa *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#14323D"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"$7,964,213,000","sec": "No","$area": 6292338688,"$color":"#16285D"},
"id": "Usinas Sider Minas Ger-pf A *",
"name": "Usinas Sider Minas Ger-pf A *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$147,201,000","sec": "No","$area": 116300120,"$color":"#163241"},
"id": "Metisa Metalurgica Timb-pref",
"name": "Metisa Metalurgica Timb-pref"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#173135"},
"id": "Centennial Asset Part Minas *",
"name": "Centennial Asset Part Minas *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#182D46"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"$7,936,187,000","sec": "No","$area": 6270196224,"$color":"#1A2935"},
"id": "Usinas Siderurgicas De Minas",
"name": "Usinas Siderurgicas De Minas"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#162B46"},
"id": "Metisa Metalurgica Timboense *",
"name": "Metisa Metalurgica Timboense *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Cia Siderurgica Nacional-pop *",
"name": "Cia Siderurgica Nacional-pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#182B37"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#173141"},
"id": "Tupy Sa-pref *",
"name": "Tupy Sa-pref *"
},
{
"data":{"cap":"$182,287,147,000","sec": "Yes","$area": 144020815872,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#172F60"},
"id": "Mmx Mineracao E Metalicos Sa *",
"name": "Mmx Mineracao E Metalicos Sa *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Cia Siderurgica Nacional-pop *",
"name": "Cia Siderurgica Nacional-pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#172838"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"$860,717,000","sec": "No","$area": 680032576,"$color":"#172964"},
"id": "Tupy Sa",
"name": "Tupy Sa"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$2,443,019,000","sec": "No","$area": 1930172288,"$color":"#142B3C"},
"id": "Mmx Mineracao E Metalicos Sa",
"name": "Mmx Mineracao E Metalicos Sa"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Cia Siderurgica Nacional-pop *",
"name": "Cia Siderurgica Nacional-pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#182956"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#162850"},
"id": "Refinaria De Pet Mang-receip *",
"name": "Refinaria De Pet Mang-receip *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$117,964,000","sec": "No","$area": 93200920,"$color":"#17293E"},
"id": "Mangels Industrial Sa-pref",
"name": "Mangels Industrial Sa-pref"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Cia Siderurgica Nacional-pop *",
"name": "Cia Siderurgica Nacional-pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#182955"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#18315C"},
"id": "Refinaria De Pet Mang-receip *",
"name": "Refinaria De Pet Mang-receip *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1B2D59"},
"id": "Mangels Industrial Sa *",
"name": "Mangels Industrial Sa *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Cia Siderurgica Nacional-pop *",
"name": "Cia Siderurgica Nacional-pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#163141"},
"id": "Vale Sa-pref A Pop *",
"name": "Vale Sa-pref A Pop *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1E2B4E"},
"id": "Refinaria De Petroleos-pref *",
"name": "Refinaria De Petroleos-pref *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$114,612,000","sec": "No","$area": 90552288,"$color":"#1B2F43"},
"id": "Lupatech Sa",
"name": "Lupatech Sa"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Cia Siderurgica Nacional-pop *",
"name": "Cia Siderurgica Nacional-pop *"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Vale Sa-Pref A *",
"name": "Vale Sa-Pref A *"
},
{
"data":{"cap":"$630,900,000","sec": "No","$area": 498459168,"$color":"#183135"},
"id": "Refinaria De Petroleos Mangu",
"name": "Refinaria De Petroleos Mangu"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras-pref Pop *",
"name": "Petrobras-pref Pop *"
},
{
"data":{"cap":"$1,402,568,000","sec": "No","$area": 1108136320,"$color":"#162F43"},
"id": "Hrt Participacoes Em Petrole",
"name": "Hrt Participacoes Em Petrole"
},
{
"data":{"cap":"$13,529,370,000","sec": "Yes","$area": 10689239040,"$color":"#009900"},
"id": "Cia Siderurgica Nacional Sa",
"name": "Cia Siderurgica Nacional Sa"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Vale Sa *",
"name": "Vale Sa *"
},
{
"data":{"cap":"$2,205,378,000","sec": "No","$area": 1742417408,"$color":"#1A2A3D"},
"id": "Qgep Participacoes Sa",
"name": "Qgep Participacoes Sa"
},
{
"data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"},
"id": "Petrobras - Petroleo Bras-Pr *",
"name": "Petrobras - Petroleo Bras-Pr *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#163252"},
"id": "Metalurgica Gerdau Sa-pref *",
"name": "Metalurgica Gerdau Sa-pref *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#142D55"},
"id": "Confab Industrial S.A.-pref *",
"name": "Confab Industrial S.A.-pref *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2F33"},
"id": "Ypf Sociedad Anonima *",
"name": "Ypf Sociedad Anonima *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2A54"},
"id": "Usiminas-pref A Pop *",
"name": "Usiminas-pref A Pop *"
},
{
"data":{"cap":"$561,358,000","sec": "No","$area": 443515936,"$color":"#142A35"},
"id": "Paranapanema S.A.",
"name": "Paranapanema S.A."
},
{
"data":{"cap":"$182,287,147,000","sec": "Yes","$area": 144020815872,"$color":"#009900"},
"id": "Petrobras - Petroleo Bras",
"name": "Petrobras - Petroleo Bras"
},
{
"data":{"cap":"$4,576,711,000","sec": "No","$area": 3615952640,"$color":"#1A3161"},
"id": "Metalurgica Gerdau Sa",
"name": "Metalurgica Gerdau Sa"
},
{
"data":{"cap":"$1,296,357,000","sec": "No","$area": 1024221312,"$color":"#1D2C55"},
"id": "Confab Industrial S.A.",
"name": "Confab Industrial S.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();
});
}