Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

<link href="https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe" rel="stylesheet">

<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>
<button id="export">Export chart locally</button>

JavaScript

let chart = Highcharts.chart('container', {
  exporting: {
    fallbackToExportServer: false
  },

  title: {
    style: {
      color: '#000',
      fontFamily: 'ZCOOL KuaiLe'
    }
  },

  series: [{
    data: [71, 106, 129, 176, 135, 148, 216, 194, 54]
  }]
});

let button = document.getElementById('export');

button.addEventListener('click', function() {
  chart.exportChartLocal();
})