Highcharts Demo

author(s): Torstein Hønsi

by Danielle Parkinson

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    zoomType: 'xy'
  },
  title: {
    text: ' '
  },
  subtitle: {
    text: ' '
  },
  xAxis: [{
    categories: ['Jan 2018', 'Feb 2018', 'Mar 2018', 'Apr 2018', 'May 2018', 'Jun 2018',
      'Jul 2018', 'Aug 2018', 'Sep 2018', 'Oct 2018', 'Nov 2018', 'Dec 2018', 'Jan 2019'
    ],
  }],
  yAxis: [{ // Primary yAxis
    labels: {
      style: {

      }
    },
    title: {
      text: '',
    }
  }, { // Secondary yAxis
    title: {
      text: ''
    },
    labels: false
  }],
  tooltip: {
    shared: true
  },
  legend: {
    layout: 'horizontal',
    align: 'center',
    verticalAlign: 'bottom'
  },
  series: [{
    name: 'Theme Frequency',
    type: 'column',
    yAxis: 1,
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],

  }, {
    name: 'Theme Sentiment',
    type: 'spline',
    data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],

  }]
});