i20 graph test harness

A graph into which I can paste actual static data to play with stuff

by core972

HTML

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

</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

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

JavaScript

$(document).ready(function() {
    /* var categories = ['2019-03','2019-02','2019-01','2018-12','2018-11', '2018-10', '2018-09','2018-08', '2018-07', '2018-06', '2018-05', '2018-04', '2018-03', '2018-02','2018-01']; */
    var categories = [1551420000000,1549000800000,1546322400000,1543644000000,1541052000000, 1538373600000, 1535781600000,1533103200000, 1530424800000, 1527832800000, 1525154400000, 1522562400000, 1519884000000, 1517464800000,1514786400000]; 

    new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        title: {
            text: 'In March 2019, the average CT_HOURS is 10.55 hours.'
        },
         rangeSelector: {
            enabled: true,
            buttons: [{
                type: 'millisecond',
                count: 1,
                text: '1m'
            }, {
                type: 'millisecond',
                count: 3,
                text: '3m'
            }, {
                type: 'millisecond',
                count: 6,
                text: '6m'
            }, {
                type: 'all',
                text: 'All'
            }],
            selected: 4,
             inputDateFormat: '%Y-%m-%d',
            inputEditDateFormat: '%Y-%m-%d' 
        }, 
        navigator: {
            enabled: true,
            xAxis: {
                tickInterval: 15,
                labels: {
                   /* formatter: function() {
                        return categories[this.pos]
                    } */
                }
            }
        },
        scrollbar: {
            enabled: true
        },
         xAxis: {
         
       
           // categories: categories,
             type: 'datetime',
            //tickInterval : 2,
          // tickInterval: {_tickInterval},
                /* labels: {
                         step:10
                       }, */
            /* maxZoom: 30 * 24 * 3600000, */
            dateTimeLabelFormats : {
                    day: '%Y-%m'
         ...