Base

Base Marker Functionality for quick demo by Naveen /** * @author 320006441 */

by navindian

HTML

<script src="http://code.highcharts.com/stock/1.2.3/highstock.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>

JavaScript

/**
 * @author 320006441
 */
$(function() {
    window.chart = new Highcharts.StockChart({
        chart : {
            renderTo : 'container',
            zoomType : 'xy'
        },
        legend : {
            floating : false,
            width : 100,
            verticalAlign : 'top',
            enabled : true,
            align : 'left',
            layout : 'vertical',
            padding : 20,
            itemWidth : -1,
        },
        plotOptions : {
            line : {
                lineWidth : 1
            },
            series : {
                showCheckbox : true,
                events : {
                    legendItemClick : function(event) {
                        if (event.browserEvent.currentTarget.textContent == "Messages800") {

                            if (window.chart.series[0].visible) {
                                window.chart.series[0].hide();
                            } else {
                                window.chart.series[0].show();

                            }
                        }
                    }
                }
            }
        },
        tooltip : {
            formatter : function() {
                //standardize date format for docking and alarm markers
                var s = '<b>' + Highcharts.dateFormat('%A, %b %e, %H:%M:%S', this.x) + '</b>';
                if (this.series != undefined) {
                    s += '<br/>' + this.series.data[0].text + ' ';
                }
                return s;
            }
        },
        xAxis : {
            type : 'datetime',
        },
        series : [{
            data : [[1325412416000, 523], [1354356416000, 534]],

        }, {
            data : [[1325412416000, 700], [1354356416000, 700]],

        }, {
            name : 'Messages800',
            data : [[1325412416000, 800], [1354356416000, 800]],
            id : 'Messages800'
        }, {
            type : 'flags',
            data : [{
                x :...