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© Keenthemes

Explore Metronic

Demo1

Preview

Demo2

Preview

Demo3

Preview

Demo4

Preview

Demo5

Preview

Demo6

Preview

Demo7

Preview

Demo8

Preview

Demo9

Preview

Demo10

Coming soon

Demo11

Preview

Demo12

Coming soon

Demo13

Preview

Demo14

Coming soon

Demo15

Coming soon

Demo16

Coming soon

Demo17

Coming soon

Demo18

Coming soon

Demo19

Coming soon

Demo20

Coming soon

Purchase Metronic

Getting Started

Base

Forms

Editors

Charts

General

Icons

Documentation v8.0.25