Error bars with data labels

author(s): Torstein Hønsi

HTML

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

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

CSS

#container {
    height: 300px;
    width: 500px;
}

JavaScript

Highcharts.chart('container', {
    title: {
        text: 'Error bars with data labels'
    },
    series: [{
        name: 'Rainfall error',
        type: 'errorbar',
        data: [
            [48, 51],
            [68, 73],
            [92, 110]
        ],
        dataLabels: {
            enabled: true,
            style: {
                fontWeight: 'normal'
            }
        }
    }]
});