title: Multiple data sources as array in google charts dashboard api
body: <p><strong>What I have done?</strong>
  I am building a dashboard with multiple data. The data are in form of arrays.</p>
  
  <p><strong>What i need to implement?</strong>
  I have implemented the dashboard with the help of the tutorial but I am not able to implement another data source.</p>
  
  <p><strong>Here is my code</strong></p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
  
  &lt;title&gt;
            Google Visualization API Sample
          &lt;/title&gt;
  
  &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    google.load('visualization', '1.1', {packages: ['controls']});
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  function drawVisualization() {
  
  // Prepare the data
        var data1 = google.visualization.arrayToDataTable([
          ['Name', 'Type', 'Precheck Alarms', 'Postcheck Alarms'],
          ['Michael' , 'Type1', 12, 5],
          ['Elisa', 'Type2', 20, 7],
          ['Robert', 'Type1', 7, 3],
          ['John', 'Type1', 54, 2],
          ['Jessica', 'Type2', 22, 6],
          ['Aaron', 'Type1', 3, 1],
          ['Margareth', 'Type2', 42, 8],
          ['Miranda', 'Type2', 33, 6]
        ]);
         var data2 = google.visualization.arrayToDataTable([
          ['Name', 'Type', 'Precheck Alarms', 'Postcheck Alarms'],
          ['Michael' , 'Type1', 12, 5],
          ['Elisa', 'Type2', 20, 7],
          ['Robert', 'Type1', 7, 3],
          ['John', 'Type1', 54, 2],
          ['Jessica', 'Type2', 22, 6],
          ['Aaron', 'Type1', 3, 1],
          ['Margareth', 'Type2', 42, 8],
          ['Miranda', 'Type2', 33, 6]
        ]);     
  
    // Define a category picker control for the Type column
  
  
  
   var categoryPicker = new google.visualization.ControlWrapper({
      'controlType': 'CategoryFilter',
      'containerId': 'control2',
      'options': {
        'filterColumnLabel': 'Type',
        'ui': {
        'labelStacking': 'vertical',
          'allowTyping': false,
          'allowMultiple': false
        }
      }
    });
  
    // Define a Pie chart
    var columns_alarms = new google.visualization.ChartWrapper({
      'chartType': 'ColumnChart',
      'containerId': 'chart1',
      'options': {
        'width': 600,
        'height': 600,
        'legend': 'none',
        'title': 'Alarms',
        'chartArea': {'left': 15, 'top': 15, 'right': 0, 'bottom': 0},
        //'pieSliceText': 'label'
      },
      // Instruct the piechart to use colums 0 (Name) and 3 (Donuts Eaten)
      // from the 'data' DataTable.
      'view': {'columns': [0, 2,3]}
    });
  
    // Define a table
  
  
   var table_alarms = new google.visualization.ChartWrapper({
      'chartType': 'Table',
      'containerId': 'chart2',
      'options': {
        'width': '300px'
      }
    });
   var columns_kpi = new google.visualization.ChartWrapper({
      'chartType': 'ColumnChart',
      'containerId': 'chart4',
      'options': {
        'width': 600,
        'height': 600,
        'legend': 'none',
        'title': 'Alarms',
        'chartArea': {'left': 15, 'top': 15, 'right': 0, 'bottom': 0},
        //'pieSliceText': 'label'
      },
  
      // Instruct the piechart to use colums 0 (Name) and 3 (Donuts Eaten)
      // from the 'data' DataTable.
      'view': {'columns': [0, 2,3]}
    });
  
    // Define a table
    var table_kpi = new google.visualization.ChartWrapper({
      'chartType': 'Table',
      'containerId': 'chart5',
      'options': {
        'width': '300px'
      }
    });
  
    // Create a dashboard
    new google.visualization.Dashboard(document.getElementById('dashboard_alarms')).
    new google.visualization.Dashboard(document.getElementById('dashboard_kpi')).
        // Establish bindings, declaring the both the slider and the category
        // picker will drive both charts.
        bind([categoryPicker], [columns_kpi, table_kpi,columns_alarms, table_alarms]).
        // Draw the entire dashboard.
        draw(data1);
        draw(data2);
  
  }
  
  
        google.setOnLoadCallback(drawVisualization);
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body style="font-family: Arial;border: 0 none;"&gt;
      &lt;div id="dashboard"&gt;
        &lt;table&gt;
          &lt;tr style='vertical-align: top'&gt;
            &lt;td style='width: 300px; font-size: 0.9em;'&gt;
              &lt;div id="control1"&gt;&lt;/div&gt;
              &lt;div id="control2"&gt;&lt;/div&gt;
              &lt;div id="control3"&gt;&lt;/div&gt;
            &lt;/td&gt;
            &lt;td style='width: 600px'&gt;
              &lt;div style="float: left;" id="chart1"&gt;&lt;/div&gt;
              &lt;div style="float: left;" id="chart2"&gt;&lt;/div&gt;
              &lt;div style="float: left;" id="chart3"&gt;&lt;/div&gt;
              &lt;div style="float: left;" id="chart4"&gt;&lt;/div&gt;
              &lt;div style="float: left;" id="chart5"&gt;&lt;/div&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The above code renders WSD.</p>