var dashboard = new google.visualization.Dashboard(
document.getElementById('dashboard'));
var control = new google.visualization.ControlWrapper({
'controlType': 'ChartRangeFilter',
'containerId': 'control',
'options': {
// Filter by the date axis.
'filterColumnIndex': 0,
'ui': {
'chartType': 'LineChart',
'chartOptions': {
'chartArea': {'width': '90%'},
'hAxis': {
'format': ['yyyy-MM-dd']
}
}
}
}
});
var chart = new google.visualization.ChartWrapper({
'chartType': 'LineChart',
'containerId': 'chart',
'options': {
'chartArea': {'height': '80%', 'width': '90%'},
'hAxis': {
'gridlines': {
'units': {
'format': ['hh:mm aa']
}
}
},
'legend': {'position': 'none'}
}
});
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Date');
data.addColumn('number', 'Observed Reflectivity');
data.addColumn('number', 'Forecasted Reflectivity');
for (i = 0; i < formattedObservedData.length; i++) {
data.addRow([new Date(formattedObservedData[i][0]),dbzToIntensityBucket(formattedObservedData[i][1]),null]);
}
for (i = 0; i < formattedForecastedData.length; i++) {
data.addRow([new Date(formattedForecastedData[i][0]),null,dbzToIntensityBucket(formattedForecastedData[i][1])]);
}
dashboard.bind(control, chart);
dashboard.draw(data);