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 () {
    $(document).ready(function testPOST() {
        var optionsJSON = {
            "xAxis": {
                "categories": ["Jan", "Feb", "Mar"]
            },
                "series": [{
                "data": [29.9, 71.5, 106.4]
            }]
        };
        var optionsStr = JSON.stringify(optionsJSON);
        var dataString = 'async=true&type=png&width=300&options=' + optionsStr;
        if (window.XDomainRequest) {
            var xdr = new XDomainRequest();
            xdr.open("post", 'http://export.highcharts.com/?' + dataString);
            xdr.onload = function () {
                console.log(xdr.responseText);
                $('#container').html('<img src="http://export.highcharts.com/' + xdr.responseText + '"/>');
            };
            xdr.send();
        } else {
            $.ajax({
                type: 'POST',
                data: dataString,
                url: 'http://export.highcharts.com',
                success: function (data) {
                    console.log('get the file from relative url: ', data);
                    $('#container').html('<img src="http://export.highcharts.com/' + data + '"/>');
                },
                error: function (err) {
                    debugger;
                    console.log('error', err.statusText)
                }
            });
        }

    })
});