title: Barchart with several values per day (Google Visualization API)
body: <p>I do have the issue that I have several events in one year, which I want to group.</p>
  
  <pre><code>function drawVisualization() {
  // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria'],
    ['2003',  1336060],
    ['2004',  1538156],
    ['2005',  1576579],
    ['2006',  1600652],
    ['2007',  1968113],
    ['2007',  1968113],
    ['2007',  1968113],
    ['2007',  1968113],
    ['2008',  1901067]
  ]);
  
  
  // Create and draw the visualization.
  new google.visualization.BarChart(document.getElementById('visualization')).
      draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year"},
            hAxis: {title: "Cups"}}
      );
  }
  </code></pre>
  
  <p>Result of this code is this:</p>
  
  <p><img src="https://i.stack.imgur.com/EX2L6.png" alt="enter image description here"></p>
  
  <p>Is it possible customize this to get this result?</p>
  
  <p><img src="https://i.stack.imgur.com/ZDb7q.png" alt="enter image description here"></p>
  
  <p>If i can't get this result with Google Visualization API is there an JS-Framework which has this ability?</p>