Highcharts Demo

author(s): Torstein Hønsi

by jakub_noga_antsolutions

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'X axis uniqueNames = false'
    },
    yAxis: {
        type: 'category',
    },
    series: [{
        colorByPoint: true,
        data: [{
            name: 'Q1',
            x: 3
        }, {
            name: 'Q2',
            x: 6
        }, {
            name: 'Q3',
            x: 9
        }, {
            name: 'Q4',
            x: 2
        }, {
            name: 'Q1',
            x: 2
        }, {
            name: 'Q2',
            x: 3
        }, {
            name: 'Q3',
            x: 6
        }, {
            name: 'Q4',
            x: 7
        }],
        showInLegend: false
    }]
});