Highcharts Stock Demo

author(s): Torstein Hønsi

by HemalathaThanigaivel

HTML

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

<button id="button">Export chart</button>

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

CSS

#container {
    height: 400px;
    min-width: 600px;
}

JavaScript

(async () => {
    const usdeur = await fetch(
        'https://www.highcharts.com/samples/data/usdeur.json'
    ).then(response => response.json());
    const chart = Highcharts.stockChart('container', {
    
    		chart: {
         zoomType: 'x'
        },
        rangeSelector: {
            enabled: false
            
        },

        series: [{
            name: 'USD to EUR',
            data: usdeur
        }],

        exporting: {
            chartOptions: {
                chart: {
                    width: 1024,
                    height: 768
                }
            }
        }
    });

    document.getElementById('button').addEventListener('click', () => {
        chart.exportChart();
    });
})();