Highcharts.chart('container', {
    chart: {
        type: 'bar',
        zooming: {
            type: 'y'
        }
    },
    title: {
        text: 'Total organic area 2012 and 2018'
    },
    subtitle: {
        text:
        'Source: <a href="https://ec.europa.eu/eurostat/statistics-explained/index.php?title=File:Tab1_Total_organic_area_(fully_converted_and_under_conversion),_by_country,_2012_and_2018.png">Eurostat</a>'
    },
    xAxis: {
        categories: [
            'AUT',
            'EST',
            'SWE'
        ],
        title: {
            text: null
        },
        accessibility: {
            description: 'Countries'
        }
    },
    yAxis: {
        title: {
            text: null
        },
        tickInterval: 500,
        labels: {
            overflow: 'justify',
            format: '{value} kha'
        },
        accessibility: {
            description: 'Organic area',
            rangeDescription: '0 to 1000 kha'
        }
    },
    plotOptions: {
        bar: {
            dataLabels: {
                enabled: true,
                format: '{y} kha'
            }
        }
    },
    tooltip: {
        valueSuffix: 'kha',
        stickOnContact: true,
        borderColor: '#555',
        backgroundColor: 'rgba(255, 255, 255, 0.95)'
    },
    legend: {
        enabled: false
    },
    series: [
        {
            name: '2012',
            data: [533.230, 142.065, 477.684],
            color: { patternIndex: 0 },
            borderColor: '#5f98cf'
        },
        {
            name: '2018',
            data: [639.097, 206.590, 608.754],
            color: { patternIndex: 1 },
            borderColor: '#555'
        }
    ]
});
