Hi everyone,
I've built a chart that works flawlessly in Chrome, but the range filter
control doesn't work in Safari, Firefox or IE. Has anyone else had this
problem?
Here is the code:
<script type="text/javascript">
>
>
>> google.load('visualization', '1.1', {'packages': ['controls']});
>
>
>> google.setOnLoadCallback(drawVisualization);
>
>
>>
> function drawVisualization() {
>
>
>
> var dashboard = new
>> google.visualization.Dashboard(document.getElementById('dashboard'));
>
>
>
> /** PREPARE DATA **/
>
> var jsonData = $.ajax({
>
> url: "ajax/metrics_json.php?type=calories",
>
> dataType:"json",
>
> async: false
>
> }).responseText;
>
> var data = new google.visualization.DataTable(jsonData);
>
> data.sort([{column: 0}]);
>
> for(var i=0; i<data.getNumberOfRows(); i++){
>
> data.setValue(i, 0, new Date(data.getValue(i, 0)));
>
> }
>
> var d = new Date();
>
> 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': {'baselineColor': 'none'}
>
> },
>
> 'chartView': {
>
> 'columns': [0, 1, 2]
>
> },
>
> // 1 day in milliseconds = 24 * 60 * 60 * 1000 = 86,400,000
>
> 'minRangeSize': 86400000
>
> }
>
> },
>
> 'state': {'range': {'start': new Date(2013,5,1), 'end': new
>> Date(2013,6,15)}}
>
> });
>
> var chart = new google.visualization.ChartWrapper({
>
> 'chartType': 'AreaChart',
>
> 'containerId': 'chart',
>
> 'options': {
>
> // Use the same chart area width as the control for axis alignment.
>
> 'chartArea': {'height': '80%', 'width': '90%'},
>
> 'hAxis': {'slantedText': false},
>
> 'legend': {'position': 'top', 'alignment': 'center'}
>
> },
>
> // Convert the first column from 'date' to 'string'.
>
> 'view': {
>
> 'columns': [
>
> {
>
> 'calc': function(dataTable, rowIndex) {
>
> return dataTable.getFormattedValue(rowIndex, 0);
>
> },
>
> 'type': 'string'
>
> }, 1, 2]
>
> }
>
> });
>
>
>
> dashboard.bind(control, chart);
>
> dashboard.draw(data);
>
>
>
> }
>
>
>
>
>
> </script>
>
>
--
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.
