39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
"use strict";
|
|
|
|
// Class definition
|
|
var KTVisTimelineBasic = function () {
|
|
// Private functions
|
|
var exampleBasic = function () {
|
|
// 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);
|
|
}
|
|
|
|
return {
|
|
// Public Functions
|
|
init: function () {
|
|
exampleBasic();
|
|
}
|
|
};
|
|
}();
|
|
|
|
// On document ready
|
|
KTUtil.onDOMContentLoaded(function () {
|
|
KTVisTimelineBasic.init();
|
|
});
|