Gráfico 2.6

author(s): JLFN

by Jose Luis Fernández

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: 500px;
    max-width: 1000px;
    margin: 0 auto;
}

JavaScript

Highcharts.chart('container', {
    colorAxis: {
        minColor: '#FFFFFF',
        maxColor: Highcharts.getOptions().colors[0]
    },
    series: [{
        type: 'treemap',
        layoutAlgorithm: 'squarified',
        data: [{
            name: 'Resto de Areas Científicas',
            value: 26.09,
            colorValue: 1
        }, {
            name: 'Neurociencias y Neurología',
            value: 19.51,
            colorValue: 2
        }, {
            name: 'Geriatría y Gerontología',
            value: 14.49,
            colorValue: 3
        }, {
            name: 'Farmacología y Farmacia',
            value: 6.23,
            colorValue: 4
        }, {
            name: 'Bioquímica y Biología Molecular',
            value: 6.17,
            colorValue: 5
        }, {
            name: 'Medicina General e Interna',
            value: 5.72,
            colorValue: 6
        }, {
            name: 'Biología Celular',
            value: 4.56,
            colorValue: 7
        }, {
            name: 'Psicología',
            value: 4.52,
            colorValue: 7
         }, {
            name: 'Sistema Cardiovascular y Cardiología',
            value: 4.47,
            colorValue: 7
        }, {
            name: 'Psiquiatría',
            value: 4.11,
            colorValue: 7
        }, {
            name: 'Oncología',
            value: 4.11,
            colorValue: 7
        }]
    }],
    title: {
        text: 'Peso (%) de las publicaciones científicas sobre envejecimiento'
    }
});