Google dashboard avec des filtres à partir des données groupées - comment graphique des données groupées

J'ai trouvé une solution de contournement, vous devez utiliser le chartWrapper sans le tableau de bord, de sorte que vous pouvez passer une dataTable en paramètre:

var $pieChart  = new google.visualization.ChartWrapper({
  'chartType': 'PieChart',
  'containerId': 'pie_chart',
  'options': {
    'width': 300,
    'height': 300,
  },
  //group the data for the pie chart
  'dataTable' : google.visualization.data.group($dataTable, [0],
  [{'column': 3, 'aggregation': google.visualization.data.sum, 'type': 'number'}])
});  
 $pieChart.draw();
 $tableWrapper =  new google.visualization.ChartWrapper({
  'chartType': 'Table',
  'containerId': 'table_data'
});
var $genderPicker = new google.visualization.ControlWrapper({
  'controlType': 'CategoryFilter',
  'containerId': 'gender_filter',
  'options': {
    'filterColumnIndex': '2',
    'useFormattedValue' : true,
    'ui': {
      'allowTyping': false,
      'allowMultiple': false,
      'labelStacking': 'vertical'
    }
  }      
});
new google.visualization.Dashboard(document.getElementById('table_dashboard')).
   bind([$genderPicker], [ $tableWrapper]).
   draw($dataTable);

Ensuite, vous devez ajouter un rappel pour vos commandes afin que chaque fois que les modifications de commandes graphiques à l'extérieur de la planche de bord sera mis à jour, comme un manuel de liaison, supposons que le contrôle de la cust_sex est $genderPicker et la ChartWrapper table de l'objet $tableWrapper:

google.visualization.events.addListener($genderPicker, 'statechange',
function(event) {
  //group the data of the filtered table and set the result in the pie chart.
  $pieChart.setDataTable( google.visualization.data.group(
    //get the filtered results
    $tableWrapper.getDataTable(),
    [0],
    [{'column': 3, 'aggregation': google.visualization.data.sum, 'type': 'number'}]
  ));
  //redraw the pie chart to reflect changes
  $pieChart.draw();
});

Le résultat: à chaque fois que vous avez choisi mâle, femelle, ou les deux, le graphique à secteurs reflètent les résultats filtrés regroupés par nom. Espérons que cela aide quelqu'un et désolé pour mon mauvais anglais.

Après une longue R&D, j'ai trouvé la solution pour ce problème. Pour la correction, j'ai utilisé deux écouteurs d'événement dans lequel on est prêt événement et d'autres est statechange événement,

google.visualization.events.addListener(subdivPicker, 'ready',
function(event) {
//group the data of the filtered table and set the result in the pie chart.
columnChart1.setDataTable( google.visualization.data.group(
//get the filtered results
 table.getDataTable(),
 [0],
[{'column': 2, 'aggregation': google.visualization.data.sum, 'type': 'number'}]
));    
//redraw the pie chart to reflect changes
columnChart1.draw();
});

google.visualization.events.addListener(subdivPicker, 'statechange',
 function(event) {
 //group the data of the filtered table and set the result in the pie chart.
 columnChart1.setDataTable( google.visualization.data.group(
 //get the filtered results
 table.getDataTable(),
 [0],
 [{'column': 2, 'aggregation': google.visualization.data.sum, 'type': 'number'}]
 ));
 //redraw the pie chart to reflect changes
 columnChart1.draw();
 });

Trouver mon initiale (problématique) exemple ici et fixe (résolu) exemple ici