Highcharts Demo

author(s): Torstein Hønsi

by core972

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/broken-axis.js"></script>

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

JavaScript

Highcharts.chart('container', {
  title: {
    text: ''
  },
  xAxis: {
    type: 'datetime',
    tickInterval: 1,
    breaks: [{
      from: 1246579200000,
      to: 1246838400000,
      breakSize: 3600000 * 48, // 2 days gap
      repeat: 604800000 // Repeat every week
    }]
  },
  series: [{
    gapSize: 1,
    data: [
      [1246406400000, 14.3],
      [1246492800000, 14.5],
      [1246579200000, 15.5],
      [1246665600000, 16.7],
      [1246752000000, 16.5],
      [1246838400000, 17.8],
      [1246924800000, 13.5],
      [1247011200000, 10.5],
      [1247097600000, 9.2],
      [1247184000000, 11.6],
      [1247270400000, 10.7],
      [1247356800000, 11.0],
      [1247443200000, 11.6],
      [1247529600000, 11.8],
      [1247616000000, 12.6],
      [1247702400000, 13.6],
      [1247788800000, 11.4],
      [1247875200000, 13.2],
      [1247961600000, 14.2],
      [1248048000000, 13.1],
      [1248134400000, 12.2],
      [1248220800000, 12.0],
      [1248307200000, 12.0],
      [1248393600000, 12.7],
      [1248480000000, 12.4],
      [1248566400000, 12.6],
      [1248652800000, 11.9],
      [1248739200000, 11.0],
      [1248825600000, 10.8],
      [1248912000000, 11.8],
      [1248998400000, 10.8]
    ]
  }]
});