Javascript 使用可视化图表编辑器时，将google图表另存为图像；

我希望能够为我的用户提供一个编辑图表，然后能够获得一个Img（通过getImageURI作为PNG），这样他们就可以轻松地拖放到演示文稿/电子邮件中

这是一个例子：

var chartEd=null；
var chartWrap=null；
var chartEditorDiv=null；
//启动时填充图表div并启动全局变量。在页面加载时调用。
函数chartDraw（）{
//初始化图表编辑器句柄
chartEd=新的google.visualization.ChartEditor（）；
google.visualization.events.addListener（用图表“ok”和“chartSave”）；
chartEditorDiv=document.getElementById（'chartEditorDiv'）；
//将图表添加到页面
chartWrap=新的google.visualization.ChartWrapper({
“图表类型”：“线条图”，
“数据源URL”：”http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1'，
'查询'：'选择A，D，其中D>100按D排序'，
'options'：{'title'：'Population Density（people/km^2）'，'legend'：'none'}
});
chartWrap.draw（chartEditorDiv）；
}
//用户单击“确定”保存图表
函数chartSave（）{
getChartWrapper（）.draw（chartEditorDiv）；
}
//Onclick处理程序，打开编辑器
函数chartLoadEditor（）{
openDialog（chartWrap，{}）；
}
函数chartPNG（）{
var sIMG=chartWrap.getChart（）.getImageURI（）；
//var sIMG=chartEd.getChartWrapper（）.getChart（）.getImageURI（）；//这种方式不起作用。
document.getElementById（'imagePrint'）。innerHTML=''
}
setOnLoadCallback（chartDraw）；
//图2
var-chart2Ed；
var chart2Wrap=null；
var chart2EditorDiv=null；
var chart2Object=null；
//启动时填充图表div并启动全局变量。在页面加载时调用。
函数chart2Draw（）{
//初始化图表编辑器句柄
chart2Ed=新的google.visualization.ChartEditor（）；
google.visualization.events.addListener（chart2Ed'ok'，chart2Save）；
google.visualization.events.addListener（chart2Ed，'print'，chart2PNG）；
chart2EditorDiv=document.getElementById（'chart2EditorDiv'）；
//将图表添加到页面
chart2Wrap=新的google.visualization.ChartWrapper({
“图表类型”：“线条图”，
“数据源URL”：”http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1'，
'查询'：'选择A，D，其中D>100按D排序'，
'options'：{'title'：'Population Density（people/km^2）'，'legend'：'none'}
});
chart2Object=chart2Wrap.draw（chart2EditorDiv）；
}
//用户单击“确定”保存图表
函数chart2Save（）{
var sT=chart2Ed.getChartWrapper（）；
chart2Object=sT.draw（chart2EditorDiv）；
document.getElementById（'image2Print'）。innerHTML=''
}
//Onclick处理程序，打开编辑器
函数chart2LoadEditor（）{
openDialog（chart2Wrap，{}）；
}
函数chart2PNG（）{
var chIMG=chart2Ed.getChartWrapper（）.getChart（）.getImageURI（）；
document.getElementById（'image2Print'）。innerHTML=''
}
setOnLoadCallback（chart2Draw）

第1列
第2列
IMG1：
IMG：
更改
图表保存
如下，以更正第1列

请参阅以下工作片段


var chartEd=null；
var chartWrap=null；
var chartEditorDiv=null；
//启动时填充图表div并启动全局变量。在页面加载时调用。
函数chartDraw（）{
//初始化图表编辑器句柄
chartEd=新的google.visualization.ChartEditor（）；
google.visualization.events.addListener（用图表“ok”和“chartSave”）；
chartEditorDiv=document.getElementById（'chartEditorDiv'）；
//将图表添加到页面
chartWrap=新的google.visualization.ChartWrapper({
“图表类型”：“线条图”，
“数据源URL”：”http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1'，
'查询'：'选择A，D，其中D>100按D排序'，
'options'：{'title'：'Population Density（people/km^2）'，'legend'：'none'}
});
chartWrap.draw（chartEditorDiv）；
}
//用户单击“确定”保存图表
函数chartSave（）{
chartWrap=chartEd.getChartWrapper（）；
chartWrap.draw（）；
}
//Onclick处理程序，打开编辑器
函数chartLoadEditor（）{
openDialog（chartWrap，{}）；
}
函数chartPNG（）{
var sIMG=chartWrap.getChart（）.getImageURI（）；
//var sIMG=chartEd.getChartWrapper（）.getChart（）.getImageURI（）；//这种方式不起作用。
document.getElementById（'imagePrint'）。innerHTML=''
}
setOnLoadCallback（chartDraw）；
//图2
var-chart2Ed；
var chart2Wrap=null；
var chart2EditorDiv=null；
var chart2Object=null；
//启动时填充图表div并启动全局变量。在页面加载时调用。
函数chart2Draw（）{
//初始化图表编辑器句柄
chart2Ed=新的google.visualization.ChartEditor（）；
google.visualization.events.addListener（chart2Ed'ok'，chart2Save）；
google.visualization.events.addListener（chart2Ed，'print'，chart2PNG）；
chart2EditorDiv=document.getElementById（'chart2EditorDiv'）；
//将图表添加到页面
chart2Wrap=新的google.visualization.ChartWrapper({
“图表类型”：“线条图”，
“数据源URL”：”http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1'，
'查询'：'选择A，D，其中D>100按D排序'，
'options'：{'title'：'Population Density（people/km^2）'，'legend'：'none'}
});
chart2Object=chart2Wrap.draw（chart2EditorDiv）；
}
//用户单击“确定”保存图表
函数chart2Save（）{
var sT=chart2Ed.getChartWrapper（）；
chart2Object=sT.draw（chart2EditorDiv）；
document.getElementById（'image2Print'）。innerHTML=''
}
//Onclick处理程序，打开编辑器
F
function chartSave(){
  chartWrap = chartEd.getChartWrapper();
  chartWrap.draw();
}