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).


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