Highcharts Stock Demo

author(s): Torstein Hønsi

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing-stock.js"></script>
<script>
    window.Highstock = Highcharts;
</script>
<!--<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>-->
<div id="container" style="height: 400px; min-width: 600px"></div>

<div id="report"></div>

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
            marginRight: 20,
            marginTop: 20,
            zoomType: 'x'
        },

        credits: {
            enabled: false
        },

        title: {
            text: null
        },

        xAxis: {
            gridLineWidth: 1,
            categories: ['first', 'second', 'third'],
            title: {
                text: 'x title'
            },
            plotLines: []
        },

        yAxis: {
            title: {
                text: 'y title'
            },
            plotLines: [{
                id: 'line-origin',
                value: 0,
                color: 'black',
                width: 1,
                zIndex: 5}]
        },

        legend: {
            enabled: false
        },

        exporting: {
            enabled: false
        },

        tooltip: {
            formatter: function() {
                return '<b>' + this.x + '</b><br/>' + 'y title' + ': ' + Highcharts.numberFormat(this.point.y, 2);
            }
        },

        series: [{
            name: 'Grouping',
            data: [20, 30, 25]}],

        plotOptions: {
            bar: {
                pointPadding: 0,
                groupPadding: 0.1
            },
            series: {
                allowPointSelect: true,
                color: 'rgba(50,50,50,0.6)',
                point: {
                    events: {
                        select: function() {
                            var points = this.series.chart.getSelectedPoints();
                            var keys = [];

                            for (var i in points) {
                                if (points[i].category == undefined) break;
                                keys.push(points[i].byteArrayKey);
                            }

                            listenerClicked(keys);
                        },
               ...