Blog

  • OverView

    Timeline is an interactive visualization chart to visualize data on time. Information things can be on a similar date, or there might be a begin and end date (a class). You can without much of a stretch move and zoom occasionally by dragging and looking in the timetable. Things can be made, altered, and erased in the course of events, the time estimate on the hub is naturally balanced, and underpins the scales from millisecond to year.

     

    The timeline uses regular HTML DOM to render timelines and items placed on the timeline, allowing for flexible customization using this CSS style.

     

    Install or download the vis.js library in your project's subfolders Include Library's script and CSS files in the head of your HTML code:

    <html>
    <script src="vis/dist/vis.js"></script>
    
    <link href="vis/dist/vis.css" rel="stylesheet" type="text/css" />
    </html>
    

     

    The timeline is a construtor of the Timeline

                    var timeline = new vis.Timeline(container, items, options);
            

     

    Items

                    var items = new vis.DataSet([
      		{
        			start: new Date(2010, 7, 15),
        			end: new Date(2010, 8, 2),  // end is optional
        			content: 'Trajectory A'
        			// Optional: fields 'id', 'type', 'group', 'className', 'style'
      			}
      		// more items...
    		]);
            

     

     

     

Tags: AngularJS , Angular