Highcharts Demo

author: Fábio Nogueira

by Fabio Nogueira

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

CSS

#container {
    height: 400px;
}

JavaScript

Highcharts.chart('container', {
    title: {
        text: 'Job Category, 2010-2020',
        align: 'left',
    },
    yAxis: {
        title: {
            text: 'Number of Employees',
        },
    },
    legend: {
        layout: 'vertical',
        align: 'left',
        verticalAlign: 'middle',
    },
    series: [
        {
            name: 'Serie 03',
            data: [null, null, 29742, 81827, 92143, 82383, 81533],
        },
        {
            name: 'Serie 02',
            data: [24916, 37941, 29742],
        },
        {
            name: 'Serie 03',
            data: [null, null, 29742, 19771, 20185, 24377, 32147],
        },
        {
            name: 'Serie 04',
            data: [null, null, 29742, 15771, 10185, 12377, 28147],
        },
    ]
});