Highchart：导出后获取图片网址 [英] Highchart : get image url after exporting

问题描述

我试图在导出高图表后获取图片网址。

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

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

  var options = {
 
导出：{
 url：'http：// export。 highcharts.com/'
}，
 xAxis：{
类别：['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（{
类型：'post'，
 url：exportUrl，
 data：obj，
成功：函数（data）{
 var imgContainer = $（＃imgContainer）; 
 $（'< img>'）。attr（'src'，exportUrl + data）.attr（'width'，'250px'）。appendTo（imgContainer）; 
 $（'< a> （'href'，exportUrl + data）.appendTo（imgContainer）; 
 
} 
}）; 
 
 
}）; 
  

解决方案

IE9出现crossdomain错误。我已经尝试了IE9解决方案的示例代码。

通过添加：$ .support.cors = true;

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

I am trying to get image URL after exporting High-chart.

Code works on Firefox but not in IE9.

Sample code : 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);

        }
    });


});

解决方案

IE9 is getting crossdomain error. I have tried sample code for IE9 solution.

by adding : $.support.cors = true;

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

这篇关于Highchart：导出后获取图片网址的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！