Hi,

Im using this:

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': {'baselineColor': 'none'}
                         },
                         // Display a single series that shows the closing 
value of the stock.
                         // Thus, this view has two columns: the date 
(axis) and the stock value (line series).
                         'chartView': {
                           'columns': [0, 1]
                         },
                         // 1 day in milliseconds = 24 * 60 * 60 * 1000 = 
86,400,000
                         'minRangeSize': 86400000
                       }
                     }
                     // Initial range: 2012-02-09 to 2012-03-20.
                   });
                    var chart = new google.visualization.ChartWrapper({
                         'chartType': 'LineChart',
                         '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': 'none'}
                         },
                         // Convert the first column from 'date' to 
'string'.
                         'view': {
                           'columns': [
                             {
                               'calc': function(dataTable, rowIndex) {
                                 return 
dataTable.getFormattedValue(rowIndex, 0);
                               },
                               'type': 'string'
                             }, 1]
                         }
                       });    
                       
                    var data_F = new google.visualization.DataTable();
                    data_F.addColumn('date', 'Dates');
                    data_F.addColumn('number', 'Vaues');
                    
                    for (var i=1; i<obj.length;i++) // This here an object 
that have dates and it values.
                    {
                        var date = new Date(obj[i][0]);
                        var value = obj[i][1];
                        data_F.addRow([date,value]);
                    }
                  
                    dashboard.bind(control, chart);
                    dashboard.draw(data_F);

Problem:

The control LineChart dosent look the same as Real LineChart with the 
values. Dates look diferente and values tooo.

Print:

<https://lh6.googleusercontent.com/-piwRYHS5wKY/UWQopbcUUII/AAAAAAAAAAg/naXlmzpHTso/s1600/controlchart.png>
Whats the problem?

-- 
You received this message because you are subscribed to the Google Groups 
"Google Chart 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-chart-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to