Highcharts Demo

author(s): Torstein Hønsi

by rafiu

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<div id="container" style="width: 600px; height: 400px; margin: 0 auto;"></div>

JavaScript

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'bubble',
            plotBorderWidth: 1,
            zoomType: 'xy'
        },

        title: {
            text: 'Highcharts for staff project time'
        },

        xAxis: {
            categories:[" ", "Accountant", "Software Engineer", "Chief Executive officer", "Integration Specialist", "Junior Technical Author", "Pre-Sales Support", "Sales Assistant", "Senior Javasctipt Developer", ""]
        },
       yAxis: {
           categories:[" ", "Tokyo", "London", "San Francisco", "New York", "Edinburgh", ""],
           title: ""
        },

        series: [{
            data: [[1, 1, 1], [2, 2, 2], [2, 3, 1], [3, 2, 1], [4, 4, 1], [5, 3, 1], [6, 4, 1], [7, 4, 1], [8, 5, 1]],
        }]

    });
});