Javascript Higcharts：有没有一种方法可以将一个图形显示为另一个页面的图像？

在我的第一页中有一个Highchart图形，我想要的是，添加一个按钮，通过获取其

数据：image

，重定向到另一页并将图形显示为图像

但是，如果可以获取图形

数据：image

并将其保存为变量，而无需重定向，这对我来说很好

我的唯一目的是获取一个图像文件（

data:image

），或者以其他方式将其发送到我的mPDF文件

$（函数（）{
//创建图表
$（“#容器”）。高图({
图表：{
类型：“列”
},
标题：{
文字：“浏览器市场份额。2015年1月至2015年5月”
},
副标题:{
文本：“单击列以查看版本。来源：。”
},
xAxis：{
类型：“类别”
},
亚克斯：{
标题：{
文字：“总市场份额百分比”
}
},
图例：{
已启用：false
},
打印选项：{
系列：{
边框宽度：0，
数据标签：{
启用：对，
格式：“{point.y:.1f}%”
}
}
},
工具提示：{
headerFormat:“{series.name}
”，
pointFormat:“{point.name}：{point.y:.2f}占总数的百分比
”
},
系列：[{
名称：'品牌'，
colorByPoint：对，
数据：[{
名称：“Microsoft Internet Explorer”，
y:56.33，
深入分析：“Microsoft Internet Explorer”
}, {
名称：“Chrome”，
y:24.03，
向下钻取：“铬”
}, {
名称：“Firefox”，
y:10.38，
深入分析：“Firefox”
}, {
名称：“Safari”，
y:4.77，
深入研究：“狩猎”
}, {
名字：'歌剧'，
y:0.91，
深入研究：“歌剧”
}, {
名称：“专有或不可检测”，
y:0.2，
向下展开：null
}]
}],
向下展开：{
系列：[{
名称：“Microsoft Internet Explorer”，
id:“Microsoft Internet Explorer”，
数据：[
[
“v11.0”，
24.13
],
[
“v8.0”，
17.2
],
[
“v9.0”，
8.11
],
[
“v10.0”，
5.33
],
[
“v6.0”，
1.06
],
[
“v7.0”，
0.5
]
]
}, {
名称：“Chrome”，
id:“Chrome”，
数据：[
[
“v40.0”，
5.
],
[
“v41.0”，
4.32
],
[
“v42.0”，
3.68
],
[
“v39.0”，
2.96
],
[
“v36.0”，
2.53
],
[
“v43.0”，
1.45
],
[
“v31.0”，
1.24
],
[
“v35.0”，
0.85
],
[
“v38.0”，
0.6
],
[
“v32.0”，
0.55
],
[
“v37.0”，
0.38
],
[
“v33.0”，
0.19
],
[
“v34.0”，
0.14
],
[
“v30.0”，
0.14
]
]
}, {
名称：“Firefox”，
id:“Firefox”，
数据：[
[
“v35”，
2.76
],
[
“v36”，
2.32
],
[
“v37”，
2.31
],
[
“v34”，
1.27
],
[
“v38”，
1.02
],
[
“v31”，
0.33
],
[
“v33”，
0.22
],
[
“v32”，
0.15
]
]
}, {
名称：“Safari”，
id:'狩猎'，
数据：[
[
“v8.0”，
2.56
],
[
“v7.1”，
0.77
  var image;

  $('#save-image').on('click', function () {
    var chart = $('#container').highcharts();
    image = chart.getSVG();
  });

  $('#show-image').on('click', function () {
    if (image) {
      $('#next-page').html(image);
      image = null;
    }
  });

phantomjs highcharts-convert.js -infile options.js -outfile chart.png