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 () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line'
        },
        
        xAxis: {
            categories: ['Green', 'Pink']
        },
        
        series: [{
            data: [{
                name: 'Point 1',
                color: '#00FF00',
                events: {
                    click: function() {
                        alert ('Clicked on FIRST point.');
                    }
                },
                y: 1
            }, {
                name: 'Point 2',
                color: '#FF00FF',
                events: {
                    click: function() {
                        alert ('Clicked on SECOND point.');
                    }
                },
                y: 5
            }]
        }]
    });
});