Highcharts Demo

author(s): Torstein Hønsi

by Alain Dumesny

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    title: undefined,
    credits: { enabled: false },
    yAxis: { visible: false, endOnTick: false },
    xAxis: { visible: false },
    legend: { enabled: false },
    colors: ['#D0021B', '#B5B5B5'],
    tooltip: {
        headerFormat: undefined,
        pointFormat: '{series.name}: {point.y} / {point.stackTotal}'
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            groupPadding: 0
        }
    },
    series: [{
        name: 'fail', type: 'column', pointPadding: 0.01,
        data: [2, 1, 5, 3, 4, 6, 4]
    }, {
        name: 'success', type: 'column', pointPadding: 0.01,
        data: [2, 3, 2, 2, 3, 2, 3]
    }]
});