Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<button id="export-chart">Export charts</button>
<div id="main-div"></div>

JavaScript

const scales = [1, 2, 3];
const numberOfCharts = scales.length;

let containerId;
let i = 0;

for (; i < numberOfCharts; i++) {
  containerId = 'container' + i;

  $('#main-div').append('<div id="' + containerId + '" style="height: 200px;"></div>');

  Highcharts.chart(containerId, {
    title: {
      text: 'Highcharts exporting scale demo'
    },
    exporting: {
      enabled: false,
      fallbackToExportServer: false
    },
    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, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
  });
}

document.getElementById('export-chart').addEventListener('click', () => {
  let charts = Highcharts.charts;

  charts.forEach((chart, index) => {
    chart.exportChartLocal({
      type: 'image/png',
      filename: 'chart-' + index,
      scale: scales[index]
    });
  });
});