Workaround: display the true selected range of the numberRangeFilter 
controller on the page using statechange events, and modifying html on page 
each time the event fires. Use these new text divs instead of the standard 
numberRangeFilter labels.


Clumsy, but it works for me.


google.visualization.events.addListener(control, 'statechange', selectHandler); 
function selectHandler(e) { 
var range_selected = control.getState() 
document.getElementById("lower_range_label").innerHTML = "Lower 
Range:"+range_selected.lowValue 
document.getElementById("upper_range_label").innerHTML = "Upper 
Range:"+range_selected.highValue 
}



On Wednesday, September 18, 2019 at 2:32:20 PM UTC-7, Nevada Smith wrote:
>
> Interesting; adding minValue and maxValue changes the behavior (but still 
> not what you're looking for):
>
>    var control = new google.visualization.ControlWrapper({
>       'controlType': 'NumberRangeFilter',
>       'containerId': 'numberRangeFilter_control_div',
>       'options': {
>         'minValue': 1.0,
>         'maxValue': 10.0,
>         'filterColumnIndex': 1,
>         'ui': {
>             'showRangeValues':true,
>             'step': 0.1
>         }
>       }
>     });
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/42a427c4-93cc-400a-b9de-72d63829add8%40googlegroups.com.

Reply via email to