JSFiddle - React, Tailwind, and code Playground

by malonso

HTML

<script src="http://highcharts.com/js/testing-exporting.js"></script>
<div id="container" style="height: 300px; margin-top: 1em"></div>

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

JavaScript

var chart = new Highcharts.Chart({
    
    chart: {
        renderTo: 'container',
        backgroundColor: {
            linearGradient: [0, 0, 0, 300],
            stops: [
                [0, '#FFFFFF'],
                [1, '#E0E0E0']
            ]
        }
    },
    
    xAxis: {
        type: 'datetime',
        showLastLabel:true
    },
    
    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]
        /*data:stockdata,*/
        pointStart:Date.UTC(2008, 7, 1),
        pointInterval:24*3600*1000
    }] 
});

// the button handler
$('#button').click(function() {
    chart.series[0].options.showInLegend = false;
    chart.exportChart(null, {
        chart: {
            backgroundColor: '#FFFFFF'
        },
        legend: {borderWidth: 5}
    });
    chart.series[0].options.showInLegend = true;
});

var stockdata = [

        0.8446, 0.8445, 0.8444, 0.8451,    0.8418, 0.8264,    0.8258, 0.8232,    0.8233, 0.8258,

        0.8283, 0.8278, 0.8256, 0.8292,    0.8239, 0.8239,    0.8245, 0.8265,    0.8261, 0.8269,

        0.8273, 0.8244, 0.8244, 0.8172,    0.8139, 0.8146,    0.8164, 0.82,    0.8269, 0.8269,

        0.8269, 0.8258, 0.8247, 0.8286,    0.8289, 0.8316,    0.832, 0.8333,    0.8352, 0.8357,

        0.8355, 0.8354, 0.8403, 0.8403,    0.8406, 0.8403,    0.8396, 0.8418,    0.8409, 0.8384,

        0.8386, 0.8372, 0.839, 0.84, 0.8389, 0.84, 0.8423, 0.8423, 0.8435, 0.8422,

        0.838, 0.8373, 0.8316, 0.8303,    0.8303, 0.8302,    0.8369, 0.84, 0.8385, 0.84,

        0.8401, 0.8402, 0.8381, 0.8351,    0.8314, 0.8273,    0.8213, 0.8207,    0.8207, 0.8215,

        0.8242, 0.8273, 0.8301, 0.8346,    0.8312, 0.8312,    0.8312, 0.8306,    0.8327, 0.8282,

        0.824, 0.8255, 0.8256, 0.8273, 0.8209, 0.8151, 0.8149, 0.8213, 0.8273, 0.8273,

        0.8261, 0.8252, 0.824, 0.8262, 0.8258, 0.8261, 0.826, 0.8199, 0.8153, 0.8097,

        0.8101, 0.8119, 0.8107, 0.8105,    0.8084, 0.8069,    0.8047,...