google-visualization - 別のdivでGoogleチャートを複製して再描画する方法は?

Question

Googleチャートに慣れていないため、これを行う方法を理解するのに苦労しています。

私は pivotTable.js を使用していますが、すべて正常に動作していますが、現在作成されているグラフを別の 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>

私はこれをやろうとしましたが、どのようにグラフをトライアル div に入れるかを考えています。

  // Never called.
      google.visualization.events.addListener(wrapper, 'onmouseover', uselessHandler);


      google.visualization.events.addListener(wrapper, 'ready', onReady);


      // Never called
      function uselessHandler() {
        alert("I am never called!");
      }

      function onReady() {
        google.visualization.events.addListener(wrapper.getChart(), 'click', usefulHandler);
      }

      // Called
      function usefulHandler() {
        alert(wrapper.getChart());
      }

解決済み:

   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();
}