I'm trying to add a chartRangeSelector to a dashboard that includes a 
timeline chart and I get an error like: "Invalid chart type: RangeSelector".

This is the code of my control:

var control = new google.visualization.ControlWrapper({
        'controlType': 'ChartRangeFilter',
        'containerId': 'control',
        'options': {            
        // Filter by the date axis.
        'filterColumnIndex': 3,
            'ui': {                
                'chartType': 'LineChart',                
                'chartOptions': {
                'hAxis': {
                    format: 'hh'
                },
                'height': 90,                            
                'chartArea': {
                           width: '90%', // make sure this is the same for 
the chart and control so the axes align right
                           height: '100%'                       
               },
               'title': 'Filtro por fecha'
            },
            // Thus, this view has two columns: the date (axis) and the 
stock value (line series).
            'chartView': {
                'columns': [3, 4]
            },
        'minRangeSize': 86400000
        }
    },
    'state': {'range': {'start': new Date(fecMinRange), 'end': new 
Date(fecMaxRange)}}
});

and this is the code of my timeline:

  chart = new google.visualization.ChartWrapper({
        'chartType' : 'Timeline',
        'containerId' : 'chart',
        'options' : {
            'timeline' : {
                'colorByRowLabel': true,
                'barLabelStyle' : {
                    fontSize : 10
                },
                'rowLabelStyle' : {
                    color : '#094FA4',
                    fontSize : 12
                }
            }
        },
         'state': {
                'range': {
                    start: new Date(fecMinRange),
                    end: new Date(fecMaxRange)
                }
            },
        'view' : {
            'columns' : [ 1, 2, 3, 4 ]
        }

    });
    
    var data = new google.visualization.DataTable();
    data.addColumn({type : 'string',id : 'Proyecto'});
    data.addColumn({type : 'string',id : 'Mallas'});
    data.addColumn({type : 'string',id : 'Proceso'});
    data.addColumn({type : 'date'  ,id : 'Start'});
    data.addColumn({type : 'date'  ,id : 'End'});
    data.addColumn({type : 'string',id : 'Color'});
    data.addColumn({type : 'string',id : 'Estado'});
    data.addColumn({type : 'number',id : 'HoraIni'});
    data.addColumn({type : 'number',id : 'Duracion'});

Any idea of which could be the problem?

Thanks!

-- 
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.

Reply via email to