Grouped categories demo

author(s): Black Label

by Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://blacklabel.github.io/grouped_categories/grouped-categories.js"></script>
<link rel="stylesheet" href="http://blacklabel.github.io/grouped_categories/css/styles.css">
<div id="container"></div>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: "container"
        },
        title: {
            text: 'Grouped, categorized Y axis'
        },
        series: [{
            data: [1,5,4,6,5,2,5,8,7]
        }],
        yAxis: {
            categories: [{
                name: "Fruit",
                categories: ["Apple", "Banana", "Orange"]
            }, {
                name: "Vegetable",
                categories: ["Carrot", "Potato", "Tomato"]
            }, {
                name: "Fish",
                categories: ["Cod", "Salmon", "Tuna"]
            }]
        }
    });
});