Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<button id='b'>Run Code</button>
<div id="container"></div>

JavaScript

$(function () {
    $("#b").click(testPOST);
    
    var exportUrl = 'http://export.highcharts.com/';

    function testPOST() {
        
        var optionsStr = JSON.stringify({
            "xAxis": {
                "categories": ["Jan", "Feb", "Mar"]
            },
                "series": [{
                "data": [29.9, 71.5, 106.4]
            }]
        }),
        dataString = encodeURI('async=true&type=jpeg&width=400&options=' + optionsStr);

        if (window.XDomainRequest) {
            var xdr = new XDomainRequest();
            xdr.open("post", exportUrl+ '?' + dataString);
            xdr.onload = function () {
                console.log(xdr.responseText);
                $('#container').html('<img src="' + exporturl + xdr.responseText + '"/>');
            };
            xdr.send();
        } else {
            $.ajax({
                type: 'POST',
                data: dataString,
                url: exportUrl,
                success: function (data) {
                    console.log('get the file from relative url: ', data);
                    $('#container').html('<img src="' + exportUrl + data + '"/>');
                },
                error: function (err) {
                    debugger;
                    console.log('error', err.statusText)
                }
            });
        }

    }
});