JavaScript

Link properties:

  • id (optional; link id)
  • from (source task id)
  • to (target task id)
  • type (optional; the default value is "FinishToStart")
  • width (optional; link width in pixels, default value is 1)
  • color (optional; string)
  • style (optional; string, uses CSS border-type syntax)
  • cssClass (optional; string)

If you use custom color the link end (arrow) will be rendered using built-in styles (you won't be able to style it using CSS).

Example:

gantt.links = [
  {
    id: "1",
    from: "23",
    to: "24",
    type: "FinishToStart"
  }
];