Highcharts Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        
        tooltip: {
            formatter: function () {
                var typeInf = '';
                var types = this.point.Types;
                $.each(types, function(index){
                    typeInf += '<b>' + types[index][0] + '</b> ' +types[index][1] + '<br/>';
                });
               
                return 'The value for <b>' + this.x +
                    '</b> is <b>' + this.y + '</b><br/>'+typeInf;
            }
        },

        xAxis: {
            categories: ['Green', 'Pink']
        },

        series: [{
            data: [{
                name: 'Point 1',
                Types: [["one", 1], ["two", 1]],
                color: '#00FF00',
                y: 2
            }, {
                name: 'Point 2',
                Types: [["one", 2], ["two", 3]],
                color: '#FF00FF',
                y: 5
            }]
        }]
    });
});