Highcharts Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        xAxis: [{
            categories: ['ie7','ie8','ie9','o9','o10']
        },{
            linkedTo: 0,
            categories: ['MSIE',' ',' ','OPERA', ' '],
            lineWidth: 0,
            tickLength: 0
        }],
        labels: {
            items: [{
                html: 'MSIE',
                style: {
                    top:'310px',
                    left: '116px'                    
                }
            },{
                html: "<a>OPERA</a>",
                style: {
                    top:'310px',
                    left: '330px'   
                }
                }]
        },
        series: [{
            color: 'black',
            data: [{
                y: 5,
                color: 'red'},
            {
                y: 25,
                color: 'red'},
            {
                y: 15,
                color: 'red'},
            {
                y: 15,
                color: 'blue'},
            {
                y: 25,
                color: 'blue'}]}]
    });
});