DayPilot.Gantt.linkWidth

The linkWidth property ("Auto" | number) specifies the default width of links connecting tasks in the JavaScript Gantt Chart, in pixels.

Available since version 2026.3.7022.

Declaration

DayPilot.Gantt.linkWidth

Possible Values

• "Auto" - uses the default width for the current link shape.

• number - sets the line width explicitly in pixels.

The "Auto" value resolves depending on the link shape:

• "RightAngled" - uses a 1-pixel line width.

• "Curved" - uses a 2-pixel line width.

Default Value

"Auto"

Notes

You can override the global value for an individual link using the width property of DayPilot.Link.data.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  linkWidth: 3,
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>

config: DayPilot.GanttConfig = {
  linkWidth: 3,
  // ...
};

React

<DayPilotGantt
  linkWidth={3}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :linkWidth="3"
  <!-- ... -->
/>

See Also

• DayPilot.Gantt.linkShape

• DayPilot.Link.data

• DayPilot.Gantt Class