将HighCharts导出到图像缩略图

Question

我们正在开发一个广泛使用HighCharts库的应用程序。

不幸的是，很难找到一种方法来生成＆＃34;缩略图＆＃34;在客户端使用JavaScript。

我试图使用HTML2Canvas库，但发现它不能很好地解释HighCharts。

假设我们有这张图表：

$(function () {
$('#container').highcharts({

credits: {
    enabled: false
},

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]
}]

});

它整齐地位于页面中间。

在页面的左侧，我想生成一个代表该图表的缩略图。

为了做到这一点，我需要以某种方式将此图表转换为PNG或JPG。而且我需要将其嵌入HTML中。

Google环聊是我见过的唯一能够在客户端做得很好的应用程序。

如果有帮助，这是示例图表的JS小提琴：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/chart-getsvg/

如果有人知道如何处理此问题，请提供帮助！

感谢。