JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

<div id='error-chart' style='width:900px; height: 350px; margin-top: 10px; display:inline-block;'>Loading</div>

JavaScript

var chart;
$(document).ready(function() {
 chart = new Highcharts.Chart({
    chart: { renderTo: 'error-chart', type: 'scatter', zoomType: 'xy' },
    title: { text: null },
    xAxis: { type: 'datetime' },
    yAxis: {
      title: { text: 'Error Count' },
      min: 0,
      minorGridLineColor: '#E0E0E0',
      minorTickInterval: 'auto'
    },
    tooltip: {
       formatter: function() {
                 return '<b>'+ this.series.name +'</b><br/>'+
             Highcharts.dateFormat('%d/%m/%Y at %H:%M', this.x) +' -> '+ this.y +' errors';
       }
    },
    plotOptions: {
      scatter: {
        marker: {
           radius: 4,
           states: { hover: { enabled: true, lineColor: 'rgb(100,100,100)' } }
        },
        states: { hover: { marker: { enabled: false } } }
     }
    },
    series: [{name:'EOFError', data:[[1323777788000, 1], [1323959401000, 1], [1323961080000, 1]]},{name:'NoMethodError', data:[[1323790370000, 16], [1323790371000, 61], [1323790372000, 7], [1323790434000, 7], [1323790435000, 64], [1323790436000, 22], [1323856993000, 22]]},{name:'RuntimeError', data:[[1323773222000, 8]]},{name:'Resque::DirtyExit', data:[[1323785200000, 1], [1323960180000, 1]]},{name:'Errno::ECONNRESET', data:[[1323773540000, 1], [1323777851000, 2], [1323778293000, 1], [1323782032000, 1], [1323782222000, 1], [1323784883000, 1], [1323785642000, 1], [1323786504000, 1], [1323787584000, 1], [1323788215000, 1], [1323859864000, 1], [1323861900000, 1], [1323879072000, 1], [1323949153000, 1], [1323949536000, 1], [1323951518000, 1], [1323955482000, 1], [1323955743000, 1], [1323957182000, 1], [1323958868000, 1], [1323960360000, 1], [1323960540000, 1], [1323960960000, 1]]},{name:'Timeout::Error', data:[[1323775253000, 1], [1323777662000, 1], [1323777914000, 1], [1323778544000, 1], [1323778670000, 1], [1323779805000, 1], [1323786692000, 1], [1323787143000, 1], [1323788152000, 1], [1323789732000, 1], [1323790180000, 1], [1323857638000, 1], [1323859485000, 1], [1323860752000,...