克隆jQuery Flot圖表

Question

有誰知道是否可以使用Jquery.clone（）; 功能圖上的功能？

var $clonedChart = $this.find('.chart-area').clone();
$('#details').append($clonedChart);

基本上，我只想克隆圖表並在用戶查看“詳細視圖”時在模式窗口中使用它。 我可以看到畫布，但是不幸的是，畫布的內容未呈現。 有什么辦法可以讓他們出現嗎？ 我假設我還需要做一些花哨的深克隆操作，以同時抓取插件，然后重新渲染圖形？ 我希望避免這種情況，但不確定是否有可能...

謝謝！

Answer 1

clone()不會復制所有事件處理程序，最好將調用$.flot代碼$.flot到一個方法中，並在需要將其顯示在其他地方時再次調用它。

Answer 2

如果圖表不是交互式的，則應該適當地克隆畫布，而不必擔心Flot插件。

function cloneCanvas(oldCanvas) {

    //create a new canvas
    var newCanvas = document.createElement('canvas');
    var context = newCanvas.getContext('2d');

    //apply the old canvas to the new one
    context.drawImage(oldCanvas, 0, 0);

    //return the new canvas
    return newCanvas;
}

從另一個SO問題復制的代碼