What is it that you want to set for the axis? On Wednesday, December 26, 2012 11:27:40 AM UTC-5, Hari K D wrote: > > asgallant, the fix is working fine. Thanks for helping me in solving this > issue. > I have one more doubt. How to set the vertical axis [Y - Axis] for the > chart. I tried but coudn't find a way. > > On Tuesday, December 25, 2012 12:03:55 AM UTC+5:30, asgallant wrote: >> >> You can ignore the last one, as it turns out my other approach solves all >> problems. If you draw the charts only when their tabs are opened for the >> first time, you everything draws properly with no artifacts. See it >> working here: http://jsfiddle.net/asgallant/tWTfA/2/ >> >> On Monday, December 24, 2012 1:18:08 PM UTC-5, asgallant wrote: >>> >>> Here <http://jsfiddle.net/asgallant/tWTfA/>'s a version that fixes the >>> axes, but still has artifacts on the chart in tab 3. I'm not sure why that >>> is, but I'll keep digging. >>> >>> On Monday, December 24, 2012 12:27:06 PM UTC-5, asgallant wrote: >>>> >>>> Also, if you use Chrome's element inspector, you will see that tabs 2 >>>> and 3 both have "display: none" set in their style attributes when the >>>> page >>>> is first opened. >>>> >>>> On Monday, December 24, 2012 12:25:12 PM UTC-5, asgallant wrote: >>>>> >>>>> The problem is present in Chrome, but the effect is much more subtle. >>>>> Open in Chrome and then look at the left axes, the alignment of the >>>>> numbers is different in tabs 2 and 3. I'll take a look at the source >>>>> code >>>>> and see if I can build an example script that fixes the problem. >>>>> >>>>> On Monday, December 24, 2012 11:58:59 AM UTC-5, Daniel LaLiberte wrote: >>>>>> >>>>>> 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] 562D 5CC, Cambridge MA >>>>>> [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 view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/U8Egt9JSYo8J. 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.
