Google visualization 如何在另一个分区中克隆并重新绘制谷歌图表？

我很难弄明白怎么做，因为我对谷歌图表不太熟悉

我使用的是pivotTable.js，一切正常，但我想“保存”或有一个按钮，将当前创建的图表克隆到另一个div

<div id="trial" style="margin: 30px;"></div>

我做了一个全局变量

var wrapper;

此选项用于保存图表

 wrapper = new google.visualization.ChartWrapper({
      dataTable: dataTable,
      chartType: chartType,
      options: options
    });
    wrapper.draw(result[0]);

在此之后，当单击按钮时，包装图应该在另一个div中重新绘制

<div id="trial" style="margin: 30px;"></div>

已解决：

   function getChart() {
  google.visualization.events.addListener(wrapper, 'ready', onReady);
      function onReady() {
        google.visualization.events.addListener(wrapper.getChart(), 'click', usefulHandler);
      }
    var trialChart = wrapper.clone();
    trialChart.setContainerId('trial');
    trialChart.draw();
}

在

clone（）

之后--只需设置新的

containerId

请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
数据。添加栏（“编号”、“2015”）；
数据。添加栏（“编号”、“2016”）；
data.addRows([
[新日期（'01/01/2016'），200210]，
[新日期（'01/02/2016'），190220]，
[新日期（'01/03/2016'），205200]，
[新日期（'01/04/2016'），220230]，
[新日期（'01/05/2016'），212，210]，
[新日期（'01/06/2016'），185193]，
[新日期（'01/07/2016'），196207]
]);
var chart=new google.visualization.ChartWrapper({
图表类型：“线条图”，
集装箱船：“原始海图”，
数据表：数据，
选项：{
身高：400
}
});
google.visualization.events.addOneTimeListener（图表'ready'，函数（）{
document.getElementById（'cloneBtn'）。addEventListener（'click'，function（）{
var trialChart=chart.clone（）；
trialChart.setContainerId（“图表试验”）；
trialChart.draw（）；
}，假）；
});
chart.draw（）；
},
软件包：['corechart']
});

原始图表
试验图
谢谢，但不要单击图表。。用户将单击一个按钮？我对谷歌不是很熟悉。。sorryoh顺便说一句，有没有办法将图表附加到div中？我不确定，每个图表都需要一个单独的div——但您可以在某个“父”div中有多个div…？这是
clone（）的一小部分
和
setContainerId
帮助big time解决了在新容器中创建更大但完全交互的原始图表版本的问题。。。