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.
