title: Create 24-hour Vertical Timeline with Google Charts
body: <p>JSFiddle: <a href="https://jsfiddle.net/wm1qonvu/1/" rel="nofollow noreferrer">https://jsfiddle.net/wm1qonvu/1/</a></p>
  
  <p>I need to create an interactive Timeline with Google Charts. I am following the example here: 
  <a href="https://developers.google.com/chart/interactive/docs/gallery/timeline#controlling-the-colors" rel="nofollow noreferrer">https://developers.google.com/chart/interactive/docs/gallery/timeline#controlling-the-colors</a>
  and my JSFiddle contains that code.</p>
  
  <p>However, what I need is</p>
  
  <ul>
  <li>Re-orient the timeline vertically </li>
  <li>Get rid of the example's Categories
  (e.g. "Magnolia Room," "Willow Room") -- I don't have those
  categories, I only have vertical time steps.</li>
  </ul>
  
  <p>I can keep their scheduled activities, but the timeline needs to look like this:</p>
  
  <pre><code>8:00 -------
  8:30 [..]---
  9:00 -------
  9:30 [..] [..]
  </code></pre>
  
  <p>Any quick tweaks possible here?</p>
  
  <p>Some additional questions,</p>
  
  <ul>
  <li>How do I customize the increments (e.g. 5, 10, 15 min. intervals)</li>
  <li>How do I set the min/max to 0:00 to 23:59</li>
  <li>Overlaps in the Vertical would be shown side-by-side, is that supported?</li>
  <li>How was the y-axis chosen as "Room," even if I remove it?</li>
  </ul>
  
  <p><strong>EDIT</strong> I was surprised to see this exchange in 2011-2012 where someone asked about vertical timelines (time on the Y-axis) and the response was that it's flat out not supported! I.e. only horizontal time values are supported. Could this be true? Has anything changed?
  <a href="https://groups.google.com/forum/#!topic/google-visualization-api/K0VFWCkd_Nw" rel="nofollow noreferrer">https://groups.google.com/forum/#!topic/google-visualization-api/K0VFWCkd_Nw</a></p>