Javascript 将HighCharts导出到图像缩略图

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

不幸的是，很难找到在客户端使用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中

GoogleHangouts是我见过的唯一一个在客户端做得很好的应用程序

下面是示例图表的JS提琴，如果有帮助的话：

如果有人知道如何处理这个问题，请帮助

---

谢谢。

您试过类似问题的答案吗？是的，但不幸的是，该代码段使用了export.js的旧版本，并且似乎不再具有相同的功能。另外，我们需要一个完全客户端的解决方案——导出需要Phantom.JS。也许这个示例适合您，让我们检查一下。