Highchart treemap demo

by Kieran Dang

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/heatmap.js"></script>
<script src="https://code.highcharts.com/modules/treemap.js"></script>
<div id="container"></div>

CSS

#container {
    min-width: 300px;
    max-width: 600px;
    margin: 0 auto;
}

JavaScript

$(function () {
    var data = {
        'Vùng 1': {
            'Phim truyện': {
                'Bom tấn': '16.8',
                    'Hành động': '75.8',
                    'Kinh dị': '44.3',
                    'Tình cảm': '501.3',
                    'Hoạt hình': '44.3'
            },
                'Giải trí': {
                'TV show': '548.9',
                    'Hài kịch': '64.0',
                    'Cải lương': '234.6'
            },
                'Thể thao': {
                'Bóng đá': '35.0',
                    'Tennis': '487.2',
                    'UFC': '59.2'
            },
        },
            'Vùng 2': {
            'Phim truyện': {
                'Bom tấn': '16.8',
                    'Hành động': '602.8',
                    'Kinh dị': '44.3',
                    'Tình cảm': '44.3',
                    'Hoạt hình': '44.3'
            },
                'Giải trí': {
                'TV show': '22.6',
                    'Hài kịch': '494.5',
                    'Cải lương': '48.9'
            },
                'Thể thao': {
                'Bóng đá': '21.4',
                    'Tennis': '313.2',
                    'UFC': '34.6'
            },
        },
            'Vùng 3': {
            'Phim truyện': {
                'Bom tấn': '756.8',
                    'Hành động': '729.8',
                    'Kinh dị': '133.3',
                    'Tình cảm': '44.3',
                    'Hoạt hình': '44.3'
            },
                'Giải trí': {
                'TV show': '648.6',
                    'Hài kịch': '429.9',
                    'Cải lương': '89.0'
            },
                'Thể thao': {
                'Bóng đá': '632.3',
                    'Tennis': '666.9',
                    'UFC': '89.0'
            },
        },
            'Vùng 4': {
            'Phim truyện': {
                'Bom tấn': '318.8',
                    'Hành động': '22.8',
                    'Kinh dị': '133.3',
                    'Tình...