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

Legend is overlapping in ie

7 Answers 70 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Govindarajan
Top achievements
Rank 1
Govindarajan asked on 27 Nov 2013, 07:08 AM
We implemented the radhtml chart . We are showing the chart using iframe . In that iframe  we have a page redirection ,in that redirected page have binding methods and all . by the time chart is loading correctly but legend is overlapping in IE browser (IE-8 & IE-9) . Other browser that is chrome and firefox legend displayed correctly .Please see attached image for a visual explanation.

Parent page : 

      <div class="chartDiv" style="width: 730px; height: 620px;">
                                   <iframe src="ShowChart.aspx" frameborder="0" width="720px" height="585px" scrolling="no">
                                    </iframe>
                            </div>

child page : 

     <div>
                       <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                    </telerik:RadScriptManager>
                        <telerik:RadHtmlChart ID="BigHtmlChart" runat="server" Width="700px"  Height= "480px">
                            <PlotArea> 
                                <Series>
                                </Series>
                            </PlotArea>
                        </telerik:RadHtmlChart>
                    </div>

7 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 29 Nov 2013, 05:52 PM
Hello Govindarajan,

I have tried to reproduce the unexpected behavior but to no avail. You can watch a short video with the test in the attached archive and then tell me what I am missing.

I can suggest that you try the following steps:

  • Can you confirm whether you are using the latest official version of RadControls - 2013.3.1114 and if not does upgrading to it resolve the issue?
  • Are there any JavaScript errors on your page that could break the proper functionality of the script controls on your page? If there are such errors they must be found and fixed.
  • You can try removing all the custom CSS from your page and if that fixes the issue then start turning one by one the styles until you isolate and fix the problematic style rule.
If the above steps, however, are not helpful I can suggest that you try to reproduce the issue with the attached VS example and then tell us what changes you have made so that we can provide a reliable solution if possible.

Regards,
Danail Vasilev
Telerik
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 the blog feed now.
0
Johnathan
Top achievements
Rank 1
answered on 06 Aug 2015, 09:27 PM

Hello,

I'm having a similar issue to Govindarajan. I have a main page with a tab strip, multi page, & page views. Each page view contains an iframe for loading at least one radhtmlchart. I start loading the iframes after the main page loads. The radhtmlchart in question is a line chart & the labels overlap the graph when the tab iframe loads BEFORE the page view's corresponding tab is clicked & therefore viewed. In IE only, I receive this overlapping label issue (see first image). If I refresh the iframe by right-clicking it in IE, the graph will draw correctly (see second image). Is there any correction to this? I using telerik controls version 2015.1.401.40. 

0
Danail Vasilev
Telerik team
answered on 11 Aug 2015, 10:20 AM
Hello Johnathan,

Does upgrading to latest version - 2015.2.729 help? Another thing I can suggest is that you try to remove all of the custom styles to see whether it is a CSS related issue. Otherwise it would be better to isolate the issue in a runnable sample and then provide ti back to us for further investigation.

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Johnathan
Top achievements
Rank 1
answered on 11 Aug 2015, 04:30 PM

Hi Danail,

I have a runnable example, but it will not allow me to attach compressed files to my posts. Can I email it to you?

 Thanks,

 Johnathan

0
Danail Vasilev
Telerik team
answered on 12 Aug 2015, 03:02 PM
Hello Johnathan,

You can attach only images to forum posts. In order to attache a project you can open a support ticket and attach the project there. Another approach is to paste a code snippet in the forum post if it is not that long or provide a public link to the project. In the last case, however, you should ensure to not violate our policy and remove any dev Telerik .dll files.

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Johnathan
Top achievements
Rank 1
answered on 14 Aug 2015, 03:14 PM

Hello,

 I wanted to update this thread to let anyone who may be running into a similar issue at the moment that the runnable example I created was submitted as a support ticket and telerik support has confirmed the bug exists and is in the process of trying to correct it.

Thanks,

 Johnathan

0
Rajesh
Top achievements
Rank 1
answered on 27 Dec 2019, 09:40 AM

Hi,

I am having same issue. Please help me.

Tags
Chart (HTML5)
Asked by
Govindarajan
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Johnathan
Top achievements
Rank 1
Rajesh
Top achievements
Rank 1
Share this question
or