markers

sets visual markers for Gantt

array| boolean markers;

Example

webix.ui({
  view: "gantt",
  url: "https://docs.webix.com/gantt-backend/"
  markers: [
    {
      text: "Project Start",
      start_date: startProject,
      css: "start_marker",
    },
    {
      text: "Project End",
      start_date: endProject,
      css: "green_marker",
    },
  ]
});

Related samples

Gantt: Visual Markers

Details

markers is an array, where each element is a marker object with the following fields:

text (string) - marker text;
css (string) - CSS class name;
start_date (object) - marker time;
now (boolean) - used instead of start_date option to set the current time.

By default, now marker is shown without text:

{
  view: "gantt",
  markers: [
     { css: "webix_gantt_today_marker", now: true }
  ]
}

You can disable markers by setting the property to false.