examples/colorfull.html

<html>
  <head>
    <title>Colorfull Timeline Example</title>
    <script src="../lib/timeline.js"></script>    
  </head>
  <body>
    <h1>Colorfull Timeline Example</h1>

    <div id="container"></div>

    <script>

      // Initialize the timeline instance
      var tl1 = Timeline(
        document.getElementById('container'), 
        {
          startDateTime: '2018-04-17 00:00:00',
          endDateTime: '2018-04-18 00:00:00',
        }
      );

      tl1.setData([
        { label: 'P1', start: '2018-04-16 22:34:00', end: '2018-04-17 02:48:37', color: '#FF8844' },
        { label: 'P2', start: '2018-04-17 06:06:43', end: null, color: '#4488FF' },
        { label: 'P3', start: '2018-04-17 14:00:43', end: '2018-04-17 15:00:00', color: '#44FF88' },
        { label: 'P4', start: '2018-04-17 11:56:02', end: '2018-04-17 19:34:41', color: '#4422aa' }
      ]);

    </script>
  </body>
</html>