Cloning JQuery Flot chart

Question

Кто-нибудь знает, можно ли использовать Jquery.clone(); функция на графике флота?

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

В принципе, я просто хочу, чтобы клонировать карту и использовать ее в модальном окне, когда пользователь смотрит на «детальном». Я вижу холст, но, к сожалению, содержимое холста не отображается. Есть ли способ заставить их появиться? Я предполагаю, что мне понадобится сделать какой-то причудливый глубокий клон, чтобы захватить плагин, а затем перерисовать график? Я надеялся избежать этого, но не уверен, что это возможно ...

Спасибо!

Answer 1

Если диаграмма не является интерактивной, вы должны просто клонировать холст, не беспокоясь о плагине 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; 
} 

Code copied from another SO question

Answer 2

clone() не собирается реплицировать все обработчики событий, вам лучше упаковать свой код, который вызывает метод $.flot, и вызывать его снова, когда вам нужно отобразить его где-то еще.