JSFiddle - React, Tailwind, and code Playground

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":[
         {
            "id":"messages800",
            "name":"messages800",
             "data":[[1349084897000,800],[1349084897000,800]]
             
         },
         {
            "data":[
               {
                  "x":1349513797000,
                  "text":"800|Fail safe loop tripped|Acknowleged",
                  "title":"1018"
               },
               {
                  "x":1349111594000,
                  "text":"800|Ignition power supply failure|Acknowleged",
                  "title":"1140"
               },
               {
                  "x":1347601102000,
                  "text":"800|Reserve failure 16 trip|Acknowleged",
                  "title":"1018"
               },
               {
                  "x":1349513797000,
                  "text":"800|Fail safe loop tripped|Acknowleged",
                  "title":"1018"
               }
            ],
            "type":"flags",
            "onSeries":"messages800",
            "shape":"circlepin",
            "width":16
         }
      ]
        
        });
    
  

});