Documentation v8.0.25

Preview Purchase

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.

JAVASCRIPT
HTML

// 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>

2021© Md Abdul Momin

Explore Metronic

Metronic Licenses

License FAQs

Regular License

For single end product used by you or one client

$ 39

Extended License

For single end product with paying users.

$ 939

Custom License

Reach us for custom license offers.

Buy Now

Metronic Demos

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Coming soon

Demo 11

Coming soon

Demo 13

Coming soon

Getting Started

Base

Forms

Editors

Charts

General

Icons

Documentation v8.0.25