Base

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

by navindian

HTML

<!--
<script src="http://github.highcharts.com/highstock.js"></script>
<script src="http://code.highcharts.com/stock/1.2.3/highstock.js"></script>
-->
<script src="http://code.highcharts.com/stock/1.2.4/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'
        },
        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>';
s += '<br/> '+ this.series.data[0].text +' ';                
           return s;
            }
        },
        xAxis: {
            type: 'datetime',
        },
        series: [
            {
            name: 'Messages800',
            data: [[1325412416000, 800], [1354356416000, 800]],
            id: 'Messages800'},
        {
            type: 'flags',
            data: [{
                x: parseInt("1330415928000"),
                title: '1018',
                text: '800|Fail safe loop tripped|Acknowleged'},
            {
                x: parseInt("1335599928000"),
                title: '1140',
                text: '800|Ignition power supply failure|Acknowleged'},
            {
                x: parseInt("1332921528000"),
                title: '1018',
                text: '800|Reserve failure 16 trip|Acknowleged'},
            {
                x: parseInt("1338191928000"),
                title: '1140',
                text: '800|Fail safe loop tripped|Acknowleged'},
            {
                x: parseInt("1340870328000"),
                title: '1018',
                text: '800|Ignition power supply failure|Acknowleged'},
            {
                x: parseInt("1343462328000"),
                title: '1140',
                text: '800|Fail safe loop tripped|Acknowleged'},
            {
                x: parseInt("1346140728000"),
                title: '1018',
                text: '800|Ignition power supply failure|Acknowleged'}],
            onSeries: 'Messages800',
            shape: 'circlepin',
            stackDistance: 20,
       ...