Timeshift debugging

author(s):

by findango

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 200px"></div>
<div id="container2" style="height: 200px"></div>

JavaScript

Highcharts.chart('container',
{
  "chart": {
    "type": "line",
    "height": 170,
    "plotBorderWidth": 1,
    "plotBorderColor": "#e9eCf0",
    "marginRight": 120,
    "events": {},
    "zoomType": "x"
  },
  "title": {
    "text": null
  },
  "legend": {
    "layout": "vertical",
    "align": "right",
    "verticalAlign": "top",
    "width": 100,
    "itemMarginTop": 5,
    "x": 0,
    "y": -10,
    "itemStyle": {
      "color": "#687177",
      "fontWeight": "normal",
      "fontSize": "0.5rem",
      "width": 80,
      "textOverflow": "ellipsis",
      "overflow": "hidden"
    },
    "navigation": {
      "activeColor": "#6f7a86",
      "animation": true,
      "arrowSize": 7,
      "inactiveColor": "#CCC",
      "style": {
        "fontWeight": "normal",
        "color": "#6f7a86",
        "fontSize": "0.6rem"
      }
    },
    "useHTML": false
  },
  "splunk": {
    "title": [],
    "titleHeight": 0,
    "measureIndex": null
  },
  "yAxis": {
    "title": {
      "text": null
    },
    "min": 0,
    "max": 22064.904761904763,
    "gridLineWidth": 1,
    "gridLineColor": "#e9eCf0",
    "labels": {
      "enabled": true,
      "style": {
        "color": "#aaaDaf",
        "fontSize": "9px"
      }
    },
    "plotLines": [
      {
        "color": "#e9eCf0",
        "width": 1,
        "value": 0,
        "zIndex": 5
      }
    ],
    "tickPixelInterval": 30
  },
  "xAxis": {
    "categories": null,
    "labels": {
      "enabled": true,
      "style": {
        "color": "#aaadaF",
        "fontSize": "9px"
      }
    },
    "crosshair": {
      "snap": false
    },
    "tickLength": 5,
    "tickColor": "#e9eCf0",
    "lineWidth": 1,
    "lineColor": "#999",
    "gridLineWidth": 1,
    "gridLineColor": "#e9eCf0",
    "type": "datetime"
  },
  "credits": {
    "enabled": false
  },
  "plotOptions": {
    "series": {
      "states": {
        "hover": {
          "enabled": true,
          "lineWidth": 1.5
        }
      },
      "stacking": null,
    ...