Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<input type="button" id="download" value="download" /> click to console
<div><button id="button1" class="button1">submit1</button></div>

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

CSS

#container {
    min-width: 310px;
    max-width: 800px;
    height: 400px;
    margin: 0 auto
}

JavaScript

$(document).ready(function() {
    var index = 0;
    var id = [];
    $('#button1').on('click', function() {
        $('body').append($("<div id='chart-" + index + "'></div>"));

        Highcharts.chart('chart-' + index, {
            series: [{
                data: [1, 2, 3]
            }]
        });
        var temp = "$('#chart-" + index + "')";
        id.push(temp);

        index++;
    });

    $('#download').on('click', function() {
        console.log(eval(id[0]));
        var elements = [$('#chart-0'), $('#chart-1')];
    });
});