Logo

Documentation v8.2.7

Downloads Preview
Light
Dark
System
Vis-timeline is an interactive visualization chart to visualize data in time. For more info visit the Github repository.

Basic Example

Here's a basic Vis-Timeline example. For more info, please visit the official website. 
// DOM element where the Timeline will be attached
var container = document.getElementById("kt_docs_vistimeline_basic");

// Create a DataSet (allows two way data-binding)
var items = new vis.DataSet([
    { id: 1, content: "item 1", start: "2021-04-20" },
    { id: 2, content: "item 2", start: "2021-04-14" },
    { id: 3, content: "item 3", start: "2021-04-18" },
    { id: 4, content: "item 4", start: "2021-04-16", end: "2021-04-19" },
    { id: 5, content: "item 5", start: "2021-04-25" },
    { id: 6, content: "item 6", start: "2021-04-27", type: "point" },
]);

// Configuration for the Timeline
var options = {};

// Create a Timeline
var timeline = new vis.Timeline(container, items, options);
<div id="kt_docs_vistimeline_basic"></div>
buy metronic buy mega bundle
Preview Get Help Buy Now