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":"€103,939,000","sec": "No","$area": 103938672,"$color":"#142A53"}, "id": "Daehan Steel Co Ltd", "name": "Daehan Steel Co Ltd" }, { "data":{"cap":"€445,175,000","sec": "No","$area": 445174944,"$color":"#143245"}, "id": "Iljin Materials Co Ltd", "name": "Iljin Materials Co Ltd" }, { "data":{"cap":"€140,922,000","sec": "No","$area": 140922176,"$color":"#142F3D"}, "id": "Dong Yang Steel Pipe Co Ltd", "name": "Dong Yang Steel Pipe Co Ltd" }, { "data":{"cap":"€55,450,000","sec": "No","$area": 55449708,"$color":"#1C2F33"}, "id": "Mi Chang Oil Industrial Co", "name": "Mi Chang Oil Industrial Co" }, { "data":{"cap":"€67,715,000","sec": "No","$area": 67715184,"$color":"#1B285C"}, "id": "Iljin Diamond Co Ltd", "name": "Iljin Diamond Co Ltd" }, { "data":{"cap":"€162,895,000","sec": "No","$area": 162894816,"$color":"#17283F"}, "id": "Seah Special Steel Co Ltd", "name": "Seah Special Steel Co Ltd" }, { "data":{"cap":"€27,295,000","sec": "No","$area": 27294592,"$color":"#1C2855"}, "id": "Moonbae Steel Co Ltd", "name": "Moonbae Steel Co Ltd" }, { "data":{"cap":"€114,406,000","sec": "No","$area": 114405624,"$color":"#162937"}, "id": "Union Steel", "name": "Union Steel" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#162D40"}, "id": "Gs Holdings-pref *", "name": "Gs Holdings-pref *" }, { "data":{"cap":"€40,643,000","sec": "No","$area": 40642972,"$color":"#142835"}, "id": "Choil Aluminum Co Ltd", "name": "Choil Aluminum Co Ltd" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#143153"}, "id": "Namsun Aluminium Co Ltd-pfd *", "name": "Namsun Aluminium Co Ltd-pfd *" }, { "data":{"cap":"€16,327,000","sec": "No","$area": 16326884,"$color":"#1C2E37"}, "id": "Sk Holdings Co Ltd-pref", "name": "Sk Holdings Co Ltd-pref" }, { "data":{"cap":"€3,436,552,000","sec": "No","$area": 3436552448,"$color":"#1A2D40"}, "id": "Gs Holdings", "name": "Gs Holdings" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#17285E"}, "id": "Dongbu Steel Co Ltd-pfd *", "name": "Dongbu Steel Co Ltd-pfd *" }, { "data":{"cap":"€45,816,000","sec": "No","$area": 45816136,"$color":"#182B42"}, "id": "Namsun Aluminum Co Ltd", "name": "Namsun Aluminum Co Ltd" }, { "data":{"cap":"€4,334,248,000","sec": "No","$area": 4334247936,"$color":"#1D2A50"}, "id": "Sk Holdings Co Ltd", "name": "Sk Holdings Co Ltd" }, { "data":{"cap":"€32,241,000","sec": "No","$area": 32241440,"$color":"#1E2A3D"}, "id": "Histeel Co Ltd", "name": "Histeel Co Ltd" }, { "data":{"cap":"€198,786,000","sec": "No","$area": 198785600,"$color":"#162E42"}, "id": "Dongbu Steel Co Ltd", "name": "Dongbu Steel Co Ltd" }, { "data":{"cap":"€37,550,000","sec": "No","$area": 37549672,"$color":"#182E51"}, "id": "Ni Steel Co Ltd", "name": "Ni Steel Co Ltd" }, { "data":{"cap":"€15,707,000","sec": "No","$area": 15707148,"$color":"#1A3249"}, "id": "Dongwon Co Ltd", "name": "Dongwon Co Ltd" }, { "data":{"cap":"€34,238,000","sec": "No","$area": 34238316,"$color":"#1E2933"}, "id": "Dsr Wire Corp", "name": "Dsr Wire Corp" }, { "data":{"cap":"€40,437,000","sec": "No","$area": 40436900,"$color":"#1B2B55"}, "id": "Kukdong Oil & Chemicals Co", "name": "Kukdong Oil & Chemicals Co" }, { "data":{"cap":"€25,220,000","sec": "No","$area": 25220172,"$color":"#1C3033"}, "id": "Daihan Eunpakgy Co Ltd", "name": "Daihan Eunpakgy Co Ltd" }, { "data":{"cap":"€333,078,000","sec": "No","$area": 333078368,"$color":"#1C2F4C"}, "id": "Seah Steel Corporation", "name": "Seah Steel Corporation" }, { "data":{"cap":"€50,646,000","sec": "No","$area": 50645728,"$color":"#1D2851"}, "id": "Daeho Al Co Ltd", "name": "Daeho Al Co Ltd" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2F64"}, "id": "Dae Chang Indus Co-pfd *", "name": "Dae Chang Indus Co-pfd *" }, { "data":{"cap":"€31,839,000","sec": "No","$area": 31839382,"$color":"#1C2F43"}, "id": "Korea Steel Shapes Co Ltd", "name": "Korea Steel Shapes Co Ltd" }, { "data":{"cap":"€187,777,000","sec": "No","$area": 187776880,"$color":"#1B2D3D"}, "id": "Hankook Shell Oil Co Ltd", "name": "Hankook Shell Oil Co Ltd" }, { "data":{"cap":"€15,719,000","sec": "No","$area": 15718980,"$color":"#183258"}, "id": "Dong-a Steel Technology Co", "name": "Dong-a Steel Technology Co" }, { "data":{"cap":"€88,181,000","sec": "No","$area": 88181432,"$color":"#152C46"}, "id": "Daechang Co Ltd", "name": "Daechang Co Ltd" }, { "data":{"cap":"€19,625,000","sec": "No","$area": 19625136,"$color":"#1E2A55"}, "id": "Sam-a Aluminum Co Ltd", "name": "Sam-a Aluminum Co Ltd" }, { "data":{"cap":"€57,825,000","sec": "No","$area": 57825480,"$color":"#1C2C49"}, "id": "Tcc Steel", "name": "Tcc Steel" }, { "data":{"cap":"€347,214,000","sec": "No","$area": 347213952,"$color":"#172A4C"}, "id": "Seah Holdings Corp", "name": "Seah Holdings Corp" }, { "data":{"cap":"€47,448,000","sec": "No","$area": 47448336,"$color":"#1C2C47"}, "id": "Young Heung Iron & Steel Co", "name": "Young Heung Iron & Steel Co" }, { "data":{"cap":"€133,604,000","sec": "No","$area": 133604440,"$color":"#172E49"}, "id": "Poongsan Holdings Corp", "name": "Poongsan Holdings Corp" }, { "data":{"cap":"€20,088,000","sec": "No","$area": 20087630,"$color":"#19325A"}, "id": "Hanil Iron & Steel Co", "name": "Hanil Iron & Steel Co" }, { "data":{"cap":"€75,756,000","sec": "No","$area": 75755768,"$color":"#162B5C"}, "id": "Posco Coated & Color Steel C", "name": "Posco Coated & Color Steel C" }, { "data":{"cap":"€20,573,000","sec": "No","$area": 20572606,"$color":"#1C3040"}, "id": "Bae Myung Metal Co Ltd", "name": "Bae Myung Metal Co Ltd" }, { "data":{"cap":"€23,571,859,000","sec": "No","$area": 23571859456,"$color":"#162F49"}, "id": "Posco", "name": "Posco" }, { "data":{"cap":"€85,199,000","sec": "No","$area": 85198528,"$color":"#183055"}, "id": "Kisco Holdings Co Ltd", "name": "Kisco Holdings Co Ltd" }, { "data":{"cap":"€113,859,000","sec": "No","$area": 113859352,"$color":"#1D2A5F"}, "id": "Daesung Industrial Co Ltd", "name": "Daesung Industrial Co Ltd" }, { "data":{"cap":"€41,597,000","sec": "No","$area": 41597472,"$color":"#1D2843"}, "id": "Hwangkum Steel & Technology", "name": "Hwangkum Steel & Technology" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B2C41"}, "id": "S-oil Corporation-pfd *", "name": "S-oil Corporation-pfd *" }, { "data":{"cap":"€154,639,000","sec": "No","$area": 154638624,"$color":"#182934"}, "id": "Cosmochemical Co Ltd", "name": "Cosmochemical Co Ltd" }, { "data":{"cap":"€9,670,000","sec": "No","$area": 9670177,"$color":"#1A2C45"}, "id": "Shin Hwa Silup Co Ltd", "name": "Shin Hwa Silup Co Ltd" }, { "data":{"cap":"€31,758,000","sec": "No","$area": 31758082,"$color":"#182E55"}, "id": "Chosun Steel Wire Co Ltd", "name": "Chosun Steel Wire Co Ltd" }, { "data":{"cap":"€28,340,000","sec": "No","$area": 28339796,"$color":"#1C2947"}, "id": "Bookook Steel Co Ltd", "name": "Bookook Steel Co Ltd" }, { "data":{"cap":"€8,884,164,000","sec": "No","$area": 8884163584,"$color":"#142942"}, "id": "S-oil Corporation", "name": "S-oil Corporation" }, { "data":{"cap":"€88,066,000","sec": "No","$area": 88066240,"$color":"#182D53"}, "id": "Husteel Co Ltd", "name": "Husteel Co Ltd" }, { "data":{"cap":"€1,215,653,000","sec": "No","$area": 1215652864,"$color":"#162C35"}, "id": "Seah Besteel Corp", "name": "Seah Besteel Corp" }, { "data":{"cap":"€146,620,000","sec": "No","$area": 146620352,"$color":"#1E2E50"}, "id": "Kisco Corp", "name": "Kisco Corp" }, { "data":{"cap":"€21,962,000","sec": "No","$area": 21961768,"$color":"#1E2D4A"}, "id": "Han Kook Steel Co Ltd", "name": "Han Kook Steel Co Ltd" }, { "data":{"cap":"€2,171,041,000","sec": "No","$area": 2171041024,"$color":"#162964"}, "id": "Hyundai Hysco", "name": "Hyundai Hysco" }, { "data":{"cap":"€92,195,000","sec": "No","$area": 92194664,"$color":"#1B2A3D"}, "id": "Dongil Industries Co Ltd", "name": "Dongil Industries Co Ltd" }, { "data":{"cap":"€929,073,000","sec": "No","$area": 929073152,"$color":"#162F4E"}, "id": "Dongkuk Steel Mill Co Ltd", "name": "Dongkuk Steel Mill Co Ltd" }, { "data":{"cap":"€571,133,000","sec": "No","$area": 571133376,"$color":"#1A2D5E"}, "id": "Poongsan Corp", "name": "Poongsan Corp" }, { "data":{"cap":"€35,913,000","sec": "No","$area": 35913128,"$color":"#1A2864"}, "id": "Lee Ku Industrial Co Ltd", "name": "Lee Ku Industrial Co Ltd" }, { "data":{"cap":"€4,538,440,000","sec": "No","$area": 4538439680,"$color":"#1E2C36"}, "id": "Korea Zinc Co Ltd", "name": "Korea Zinc Co Ltd" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#143232"}, "id": "Hyundai Bng Steel Co Ltd-pfd *", "name": "Hyundai Bng Steel Co Ltd-pfd *" }, { "data":{"cap":"€51,943,000","sec": "No","$area": 51943248,"$color":"#162F52"}, "id": "Korea Cast Iron Pipe Indus", "name": "Korea Cast Iron Pipe Indus" }, { "data":{"cap":"","sec": "No","$area": 1,"$color":"#183033"}, "id": "Sk Innovation Co Ltd-pfd *", "name": "Sk Innovation Co Ltd-pfd *" }, { "data":{"cap":"€79,161,000","sec": "No","$area": 79160664,"$color":"#1A2854"}, "id": "Dcm Corp", "name": "Dcm Corp" }, { "data":{"cap":"€30,891,000","sec": "No","$area": 30891272,"$color":"#152A3F"}, "id": "Daiyang Metal Co Ltd", "name": "Daiyang Metal Co Ltd" }, { "data":{"cap":"€139,684,000","sec": "No","$area": 139684272,"$color":"#1B2855"}, "id": "Hyundai Bng Steel Co Ltd", "name": "Hyundai Bng Steel Co Ltd" }, { "data":{"cap":"€1,457,387,000","sec": "No","$area": 1457387264,"$color":"#172F32"}, "id": "Young Poong Corporation", "name": "Young Poong Corporation" }, { "data":{"cap":"€10,088,435,000","sec": "No","$area": 10088434688,"$color":"#1A315E"}, "id": "Sk Innovation Co Ltd", "name": "Sk Innovation Co Ltd" }, { "data":{"cap":"€64,978,000","sec": "No","$area": 64978404,"$color":"#1C2F35"}, "id": "Seowon Co Ltd", "name": "Seowon Co Ltd" }, { "data":{"cap":"€460,000","sec": "No","$area": 459881,"$color":"#162842"}, "id": "Dongyang Steel Pipe Co-pfd", "name": "Dongyang Steel Pipe Co-pfd" }, { "data":{"cap":"€6,146,936,000","sec": "No","$area": 6146936320,"$color":"#1B2A34"}, "id": "Hyundai Steel Co", "name": "Hyundai Steel Co" }, { "data":{"cap":"€27,172,000","sec": "No","$area": 27172350,"$color":"#19315C"}, "id": "Cs Holdings Co Ltd", "name": "Cs Holdings Co 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 = "