i20 graph test harness

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

by Black Label

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: 'month',
                count: 1,
                text: '1m'
            }, {
                type: 'month',
                count: 3,
                text: '3m'
            }, {
                type: 'month',
                count: 6,
                text: '6m'
            }, {
                type: 'all',
                text: 'All'
            }],
            selected: 4,
            inputDateFormat: '%Y-%m-%d',
            inputEditDateFormat: '%Y-%m-%d'
        },
        navigator: {
            enabled: true,
            xAxis: {
                labels: {
                    /* formatter: function() {
                         return categories[this.pos]
                     } */
                }
            }
        },
        scrollbar: {
            enabled: true
        },
        xAxis: {
            reversed: true,
            minRange: 1,
            type: 'datetime',
            tickPositions: categories,
            labels: {
                formatter: function() {
                    return Highcharts.dateFormat('%Y-%m', this.value);
                }
            }
        },
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}h',
                style: {
            ...