Highcharts Demo

author(s): Øystein Moseng

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/offline-exporting.js"></script>

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

CSS

#container {
  max-width: 800px;
  height: 400px;
  margin: 1em auto;
}

JavaScript

Highcharts.imageToDataURL = function(
  imageURL,
  imageType,
  callbackArgs,
  scale,
  successCallback,
  taintedCallback,
  noCanvasSupportCallback,
  failedLoadCallback,
  finallyCallback
) {
  failedLoadCallback(imageURL, imageType, callbackArgs, scale);
  if (finallyCallback) {
    finallyCallback(imageURL, imageType, callbackArgs, scale);
  }
};

Highcharts.chart('container', {

  title: {
    text: 'Offline export'
  },

  subtitle: {
    text: 'Click the button to download as PNG, JPEG, SVG or PDF'
  },

  chart: {
    type: 'area'
  },

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
      'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
    ]
  },

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 126.0, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]

});