Highcharts Demo

author(s): Torstein Hønsi

by supertrue

HTML

<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Bangers" 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> -->
</head>
<body>
<div id="container"></div>
<button id="export">Export chart locally</button>
</body>
</html>

CSS

/* Having this in the CSS doesn't make it work in the image download -- it has to be injected in the JS */
/* @font-face {
    font-family: 'BrandonTextWeb';
    src:...

JavaScript

Highcharts.wrap(Highcharts, 'downloadSVGLocal', function(p, svg, options, failCallback, successCallback) {
  const fonts = `@font-face {
    font-family: 'BrandonTextWeb';
    src:...