Question

我想在导出High-chart后获取图片网址。

代码适用于Firefox但不适用于IE9。

示例代码：http://jsfiddle.net/highcharts/DXQSU/

var options = {

    exporting: {
        url: 'http://export.highcharts.com/'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    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]
    }]
};

$('#export').click(function () {
    var obj = {},
    exportUrl = options.exporting.url;
    obj.options = JSON.stringify(options);
    obj.type = 'image/png';
    obj.async = true;

    $.ajax({
        type: 'post',
        url: exportUrl,
        data: obj,
        success: function (data) {
            var imgContainer = $("#imgContainer");
            $('<img>').attr('src', exportUrl + data).attr('width', '250px').appendTo(imgContainer);
            $('<a>or Download Here</a>').attr('href', exportUrl + data).appendTo(imgContainer);

        }
    });


});

Answer 1

IE9正在收到跨域错误。我已经尝试过IE9解决方案的示例代码。

添加：

$.support.cors = true;

链接：http://hemant-uniquescience.blogspot.in/2014/01/highchart-get-image-url-after-exporting.html#more

Highchart：导出后获取图片网址

1 个答案: