Sounds like a CSS presentation bug. Can you force a min-width or equivalent on the slider_div that contains the slider (or any of its parent containers)? That should fix it.
-- R. On 27 September 2011 17:31, [email protected] <[email protected]> wrote: > Whenever I use a NumberRangerFilter with the default horizontal > orientation both values (min & max) appear vertically above and below > the left (minimum) end of the slider rather than to the left (minimum) > and right (maximum) like the examples. I am currently forcing the > vertical orientation for the numbers to locate correctly, I have been > unable to find an option or property to correct this issue? Below is > a snippet of html I am using, minus the 'ui': {'orientation': > 'vertical'} I am currently using. What am I missing to display the > slider horizontally with values to the left and right? > > Thanks, > Mike > > ________________________________________________________ > // Create a dashboard > var dashBoard = new google.visualization.Dashboard( > document.getElementById('dashboard_div')); > > // Create a range slider, passing some options > var Control = new google.visualization.ControlWrapper({ > 'controlType': 'NumberRangeFilter', > 'containerId': 'slider_div', > 'options': { > 'filterColumnIndex': 1, > 'minValue': 0, > 'maxValue': 28, > }, > 'state': {'lowValue': 15, 'highValue': 28} > }); > > // Create a chart, passing some options. > var Chart = new google.visualization.ChartWrapper({ > 'chartType': 'BarChart', > 'containerId': 'chart_div', > 'options': { > 'width': 780, > 'height': 440, > 'hAxis': {'minValue': 0, 'maxValue': 28}, > 'chartArea': {top: 0, right: 0, bottom: 0}, > 'legend': 'none', > 'is3D': true, > 'min': 0 > } > }); > > dashBoard.bind(Control,Chart); > dashBoard.draw(ChartData); > > -- > 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. > > -- 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.
