Hari, Although I believe I know what Drew is suggesting (about rendering when the chart is not displayed), and he has good reason to suspect that might be the cause of the problem, one reason to doubt this explanation, along with your evidence to the contrary, is that you say it applies only to IE8, and not Chrome. Also, it sounds like you are saying it happens only with the jQuery UI tab control and not when you set up the display of the chart in separate HTML. It is still possible that the problem is caused by a combination of the use of the jQuery UI tab control with IE8, but there might be some very different explanation.
I think we will need more evidence of what is happening before we can figure out how to fix or workaround the problem. If you are unable to provide a working demonstration of the problem that we can look at and try (and you may have perfectly good reasons for that), you will probably have to work it out mostly on your own, with our groping suggestions for what you might try next, which could take a long time. One thing I would try is a few more browsers. Firefox and Safari are good candidates. Also, if you can use the IE debugger and stop execution just before the chart is drawn, that should show whether the container div is visible at that time. dan On Mon, Dec 24, 2012 at 9:16 AM, Hari K D <[email protected]> wrote: > I have attached a sample html file with Column chart in tab control. If > you see the attached example, chart is loaded correctly, only in the first > tab, chart's in second and third tab's are not properly loaded. If you see > the div's are not hidden. > > > On Thursday, December 20, 2012 12:08:30 PM UTC-6, asgallant wrote: >> >> Is the chart in the tab that is open by default on the page (ie, what you >> see when you first load the page)? If not, then the div is hidden. >> >> On Thursday, December 20, 2012 9:26:06 AM UTC-5, Hari K D wrote: >>> >>> Hi, The div is not hidden. >>> 1) I didn't clearly understand your first option in the answer, I have >>> only one chart in my page, and I am loading the tab in $(document).ready >>> function, and then loading the chart. >>> 2) As I already mentioned, I am loading only one chart in the particular >>> tab and also in the entire page >>> >>> On Tuesday, December 18, 2012 9:54:46 PM UTC+5:30, asgallant wrote: >>>> >>>> This has to do with drawing the chart in a hidden div. You must make >>>> sure the div is visible before calling the chart's draw function. There >>>> are two ways you can do this: 1) set up the tab code to run in a "ready" >>>> event handler for the chart (which can get complicated if you have multiple >>>> charts in the tabs), or 2) draw each chart when its containing tab is >>>> opened for the first time. >>>> >>>> On Tuesday, December 18, 2012 10:26:29 AM UTC-5, Hari K D wrote: >>>>> >>>>> Hi, >>>>> >>>>> I have developed a web application in MVC 3 whcih contains jQuery UI >>>>> tab control. I added a column chart control in one of the tabs, where the >>>>> chart is displayed without any issue, but the X and Y axis is not visible >>>>> in IE8. The same code works fine in Chrome. I even tried the same code in >>>>> a >>>>> separate HTML file and that too is working fine. >>>>> >>>>> I have already implemented pie, bar and column charts in my other >>>>> applications they all worked fine. But here I am not able to find the >>>>> problem. When I see the generated html through IE developer tools, the >>>>> code >>>>> for the X and Y axis is there. Only thing is, its not visible in the >>>>> browser. I also tried changing the Browser mode and Document mode in >>>>> developer tool bar, still not working. >>>>> >>>>> Thanks, >>>>> Hari K D >>>>> >>>> -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/google-visualization-api/-/JZryy8vkOwMJ. > > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> - 978-394-1058 [email protected] <[email protected]> 562D 5CC, Cambridge MA [email protected] <[email protected]> 9 Juniper Ridge Road, Acton MA -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
