Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container"></div>
<div id="container2"></div>

JavaScript

var options1 = Highcharts.chart("container", {
  xAxis: {
    type: "datetime",
    dateTimeLabelFormats: {
      day: "%e of %b",
    },
  },
  chart: {
    marginRight: 72,
  },
  series: [
    {
      data: [
        29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,
        95.6, 54.4,
      ],
      pointStart: "2010-01-01",
      pointInterval: 24 * 3600 * 1000, // one day
    },
  ],
})

Highcharts.chart("container2", {
  xAxis: {
    type: "datetime",
    dateTimeLabelFormats: {
      day: "%e of %b",
    },
  },
  chart: {
    marginLeft: 72,
  },
  yAxis: {
    opposite: true,
  },

  series: [
    {
      data: [
        29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,
        95.6, 54.4,
      ],
      pointStart: "2010-01-01",
      pointInterval: 24 * 3600 * 1000, // one day
    },
  ],
})