Ahh, there are two problems with this: first, drawing charts inside a
hidden div can cause problems with the rendering as the Visualization API's
internal dimension detection algorithms break when used with hidden divs.
Second, generally when you clone an element, the event handlers do not get
cloned as well. jQuery claims to be able to handle events (by passing true
as an argument to #clone, as you use), but as you can see, it doesn't
always work.
Is there a specific reason you need to clone the chart? You may have
better luck moving it:
$("#shellsection").append($(this));
On Monday, August 25, 2014 1:42:30 PM UTC-4, Bhuvana R wrote:
>
> The chart object is initially added to a hidden dynamically created div
> and subsequently cloned to the presentation area.
>
> $("#shellsection").append($(this).clone(true).html());
> Here, shellsection is the presentation div and this point to the container
> of the chart object.
>
> So, how do I deep copy/move the chart object?
>
> On Monday, August 25, 2014 6:12:14 PM UTC+5:30, Bhuvana R wrote:
>>
>> My chart container element is a <div> that's dynamically added to DOM.
>> I am using it to draw chart and realize that the chart drawn is only a
>> snapshot as it is unresponsive to any event. Note my div elements for
>> containing the charts cannot be pre-designed in the HTML.
>>
>> Any help would be greatly appreciated.
>>
>>
>>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
