Thanks for the response. I've been hammering away at this, reading the doc
several times and just can't make any progress on a working implementation
using the new dashboard specs. My implementation is actually far simpler
then the dilbert/xkcd scenarious: I just have a GeoChart intensity map
(state, date, intensity as a number), and a DateRangerFilter which uses
date on the x axis, and on the y axis, is the aggregate date's intensity. I
did get it working well using the technique on the slide, but I would
rather use the published API and take advantage of the features of the
dashboard, if I could just manage to understand how it works.
Follows is my relevant code -
/***
load the DataTable to be used for dashboard widgets
I am loading from a JSON data source, using jQuery.
I tried a variant using literals to load, but that actually
proved to be far slower and crashed my browser.
***/
var map = new google.visualization.DataTable();
map.addRows(data.length);
map.addColumn('string', 'State');
map.addColumn('number', 'Intensity');
map.addColumn('date', 'Date');
$.each(data, function(i,v) {
// set the values for both the name and the intensity
map.setValue(i, 0, v.region);
map.setValue(i, 1, v.intensity);
map.setValue(i, 2, parseDate(v.shipdate));
});
/***
load and draw the date range filter to be used for the map
***/
// Group the data by Ship Date and Amount of Shipments
timeselectdata = new google.visualization.data.group(
map,
[2],
[{column: 1, aggregation: google.visualization.data.sum, type:
'number'}]
);
timeselectdataview = new google.visualization.DataView(data)
timeselect = new google.visualization.ControlWrapper({
'controlType': 'ChartRangeFilter',
'containerId': 'timeselect',
'options': {
vAxis: {textPosition: 'none', minValue: 0},
hAxis: {type: 'value'},
legend: 'none'
},
'filterColumnIndex': 2,
'ui': {
'chartType': 'LineChart',
'chartOptions': {
'chartArea': {'width': '90%'},
'hAxis': {'baselineColor': 'none'}
},
'chartView': timeselectdataview,
// 1 day in milliseconds = 24 * 60 * 60 * 1000 = 86,400,000
'minRangeSize': 86400000
}
});
On Thursday, April 26, 2012 11:58:23 AM UTC-4, asgallant wrote:
>
> Use the ui.chartView option to set the view used by the chartRangeFilter.
> You are correct, the dashboards allow you to use only one DataTable, but
> you can set different views of the DataTable on every chart and control in
> the dashboard.
>
> On Thursday, April 26, 2012 9:42:07 AM UTC-4, Chris wrote:
>>
>> Can we get an example of the xkcd/dilbert using ChartRangeFilter? I have
>> been trying to reproduce it on my own with no luck. I can't figure out how
>> to specify a different view of the same data table to the range filter.
>> And it seems that a dashboard allows only one data table to be associated
>> with it, and you associate a control with a different view of that data. I
>> might be wrong though!
>>
>> On Thursday, February 23, 2012 8:06:08 AM UTC-5, visigoth wrote:
>>>
>>> Good news,
>>>
>>> We have released the
>>> ChartRangeFilter<http://code.google.com/apis/chart/interactive/docs/gallery/controls.html#chartrangefilter>
>>> as
>>> part of the latest version.
>>> Please try it out and tell us whether it works for you.
>>>
>>> Visigoth
>>>
>>
>> On Thursday, February 23, 2012 8:06:08 AM UTC-5, visigoth wrote:
>>>
>>> Good news,
>>>
>>> We have released the
>>> ChartRangeFilter<http://code.google.com/apis/chart/interactive/docs/gallery/controls.html#chartrangefilter>
>>> as
>>> part of the latest version.
>>> Please try it out and tell us whether it works for you.
>>>
>>> Visigoth
>>>
>>
>> On Thursday, February 23, 2012 8:06:08 AM UTC-5, visigoth wrote:
>>>
>>> Good news,
>>>
>>> We have released the
>>> ChartRangeFilter<http://code.google.com/apis/chart/interactive/docs/gallery/controls.html#chartrangefilter>
>>> as
>>> part of the latest version.
>>> Please try it out and tell us whether it works for you.
>>>
>>> Visigoth
>>>
>>
--
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/-/Ad9SRYpmELsJ.
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.
