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

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.

See also
Back to top
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.