Base

Base Marker Functionality for quick demo by Naveen

by navindian

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>


<div id="container" style="height: 500px; min-width: 500px"></div>

JavaScript

$(function() {
    // Create the chart
    window.chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container'
        },
        series: [
            {
            name: 'Messages800',
            data: [[1325412416000, 800], [1354356416000, 800]],
            id: 'Messages800'},
        {
            type: 'flags',
            data: [{
                x: new Date(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',
            }]
    });

});