Highcharts Demo

author(s): Torstein Hønsi

by jlbriggs

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 () {
    var names = ["DAVE","JOHN"];
    var projects = ["Project 1","Project 2"];
    $('#container').highcharts({

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

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

        xAxis: {
            categories:['Project 1', 'Project 2', 'Project 3']
        },
       yAxis: {
           min:-0.5,
           max:2.5,
           startOnTick:false,
           endOnTick:false,
           categories:['User 1', 'User 2', 'User 3']
        },

        series: [{
            data: [
                [0, 0, 13],
                [1, 1, 39],
                [2, 2, 25],

                ],
        }]

    });
});