This is a migrated thread and some comments may be shown as answers.

Chart is Disappearing

13 Answers 531 Views

Chart (HTML5)

This is a migrated thread and some comments may be shown as answers.

13 Answers, 1 is accepted

answered on 28 Sep 2012, 01:15 PM

Hi Siva,

This behavior is rather strange. Can you confirm you do not have some code that clears the series, for example? If this is a full postback can you confirm you recreate the chart items/ series at each postback and not only at the first?

If this is not the case I advise that you open a support ticket and send us a simple, runnable project that shows the problem so we can investigate it.

Greetings,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 29 Sep 2012, 11:28 AM

Capture.PNG

thank you for quick responding..

but this problem is araiseing when chart is with in loading panel, when i removed radajax loading panel in the masterpage its work fine & when debuging in IE(internet explorer) it was showing an error i.e " Out of stack space" in the script. iam attaching an image where it showing an error.

thanks
siva sankar

answered on 01 Oct 2012, 08:22 AM

Hi Siva,

I have seen this error when the RadHtmlChart is inside updated with AJAX (inside an update panel or RadAjaxPanel, or a setting in the RadAjaxManager), that is itself inside a RadPane inside a RadSplitter. We are aware of this scenario and it is logged for research. In the meantime there are several ways to get around it:

1) avoid using AJAX in this case if possible
OR
2) update the entire RadSplitter instead of only parts of the pane if suitable
OR
3) add the following override at the end of the form with the splitter, but test it carefully as it may break something else:
Telerik.Web.UI.repaintchildren = function ()
{
}

Regards,
Marin Bratanov
the Telerik team

answered on 03 Oct 2012, 07:38 PM

I'm seeing the same issue.

I have a RadAjaxPanel around a RadDockLayout which contains 2 RadDockZones, each with numerous RadDocks. The Dock that contains a RadHTMLChart only throws the "RangeError: Maximum call stack exceeded" when in the 2nd RadDockZone. It's the partial postback.

I've tried specifying the Right RadDockZone as an initiator and updater as an AjaxSetting in the Manager Proxy. When I do, I do not get the RangeError, but the chart is not drawn. I do get an error from some client side javascript manipulation I'm doing to set the width of the chart but that's actually a step up.

It's clearly the Ajax as suggested and I really would love to find a good solution.

answered on 08 Oct 2012, 01:50 PM

Hi Marin,

I've temporarily removed the RadAjaxPanel around our docks to prevent the error. While this does remove the issue, the persisting postbacks make for a flashing screen that I want to solve sooner rather than later.

Can you tell me more about this suggestion:

3) add the following override at the end of the form with the splitter, but test it carefully as it may break something else:
Telerik.Web.UI.repaintchildren = function ()
{
}

I'm using a docklayout with zones and docks in two columns, not a splitter as the other individual was. Could I still override the script as such? Where would I place this script? I guess the "end of the form with the splitter" comment has me slightly confused.

Thanks.

answered on 09 Oct 2012, 12:12 PM

Hi Robert,

The repaintChildren() is a common function some of our controls use. The idea behind overriding it like this is that it is the origin of the problem and avoiding the code execution avoids the error. Such an override should be placed just before the closing </form> tag of the page where the controls that need to be overriden reside. The RadSplitter can load an external page which is why I specified that this has to be the form that has the splitter itself.

Thus, you can try something like this:

. . . . .

<script type="text/javascript">

Telerik.Web.UI.repaintChildren = function ()

{

}

</script>

</form>

All the best,
Marin Bratanov
the Telerik team

answered on 09 Oct 2012, 12:29 PM

Thanks Marin. I've found, however, that surrounding my RadDockLayout in an asp:UpdatePanel doesn't cause the error. It had been the RadAjaxPanel. I'm guessing there is a recursive redraw or load in there somewhere that caused the issue. I haven't seen any negative ramifications of using the UpdatePanel instead yet.

<asp:UpdatePanel runat="server" UpdateMode="Always">

<ContentTemplate>

<telerik:RadDockLayout ID="dockLayoutSupervisorHome" runat="server" .. >

<div>Docks and such</div>

</telerik:RadDockLayout>

</ContentTemplate>

</asp:UpdatePanel>

answered on 10 Oct 2012, 10:57 AM

Hi Robert,

Thank you for the additional information. It will be taken into account in the investigation of the problem. I have also updated your Telerik points as a token of gratitude for your efforts.

Generally, the RadAjaxPanel is equivalent to an ASP:UpdatePanel with UpdateMode=Conditional. There shouldn't be a negative impact when switching to the standard ASP control, apart from losing richer functionality that we have added in the RadAjaxPanel. Part of this functionality is responsible for the repainting of RadControls inside.

Kind regards,
Marin Bratanov
the Telerik team

answered on 06 Nov 2012, 01:48 PM

Hello,

When you create controls dynamically you have to recreate them with every postback. The control will persist the data only if you databind it. This is simply how ASP works. When you add AJAX to the equation and the dynamically created control is not included in the partial postback it may seem this is not necessary, but the server already does not have the dynamic control, it simply isn't updated on the client.

Regards,
Marin Bratanov
the Telerik team