I've got an issue when using the google visulatisation api line chart with 
Jquery ui tabs.

I've got two graphs on two tabs. The first graph, which is visible by 
default displays fine: 

<https://lh3.googleusercontent.com/-jRZZpmG8eIo/UMcNc4G0eGI/AAAAAAAACNs/VGAAk4692C8/s1600/Untitled.png>

the second chart on the hidden tab seems to be messing up the key:

<https://lh4.googleusercontent.com/-78nENrjpYcA/UMcNmLqQbPI/AAAAAAAACN0/bGOBKjGaV-M/s1600/Untitled2.png>

I've tried changing the options but nothing I do seems to make any 
difference. Here are my options:

options = { 'title': title,
            titleTextStyle: { color: color, fontSize: 20 },
                'width': 950,
                'height': 400,
                hAxis: {
                    minorGridlines: {
                        count: x
                    }
                },
                chartArea:
                {
                    width: 880
                },
                legend: { position: 'bottom',
                    textStyle: { fontSize: 10 }
                }
            };
            // Instantiate and draw our chart, passing in some options.
            var chart = new 
google.visualization.LineChart(document.getElementById(divId));
            chart.draw(data, options);

any thoughts on what is causing this and how to prevent it??



-- 
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/-/d_HgYO1oyuYJ.
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.

Reply via email to