There's an odd behavior in the ChartRangeFilter that gives results based on
what is charted instead of the filtered column when the filtered column is
not used in the filter's internal chart (as is the case when you are
filtering on column 0 but drawing the chart with column 1 as the domain
axis). The work-around for this is to use the filtered column in the
internal chart, and override the default axis values with the hAxis.ticks
option. Something like this should work:
// create hAxis tick marks for range filter control
var ticks = [];
var labelIncrement = 2;
for (var i = 0, count = data.getNumberOfRows(); i < count; i +=
labelIncrement) {
ticks.push({
v: data.getValue(i, 0),
f: data.getValue(i, 1)
});
}
// Define a slider control for the 'Donuts eaten' column
var slider = new google.visualization.ControlWrapper({
'controlType': 'ChartRangeFilter',
'containerId': 'populariteit-sociale-media-filter',
'options': {
'filterColumnIndex': 0,
'ui': {
'labelStacking': 'vertical',
'chartType': 'AreaChart',
'chartView': {'columns': [0, 2]},
'chartOptions': {
'chartArea': {left:5, top:0, width:"95%",height:"98%"},
'width': '100%',
'backgroundColor': 'transparent',
'height': 50,
'colors': ['#9c5cb1', '#b585c5'],
'hAxis': {
'baselineColor': 'none',
'format': '#',
ticks: ticks
}
},
'minRangeSize': 1
}
}
});
see a working example based on your code here:
http://jsfiddle.net/asgallant/3MdQD/. I submitted a bug report on this
here:
http://code.google.com/p/google-visualization-api-issues/issues/detail?id=1340.
You can "star" the issue to get updates on it.
On Monday, October 21, 2013 7:45:22 PM UTC-4, Danny Oosterveer wrote:
>
> I'm used to working with controls like the categoryfilter and slider, but
> I keep having issues with the ChartRangeFilter.
>
> Can someone draw out exactly what type of data it expects?
>
> (e.g.
> ['label', numeric value]
> )
>
> I've drawn one here, which, if I read the docs correctly, should be
> working okay, but, well, doesn't:
> http://www.marketingfacts.nl/statistieken/detail/populariteit-sociale-media/(no
> data in graph)
>
> If anyone could help me out I'ld be very grateful, thanks in advance!
>
--
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 post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
