Skip to content

Documentation / @ripl/charts / GanttChartOptions

Interface: GanttChartOptions<TData>

Defined in: charts/src/charts/gantt.ts:77

Options for configuring a GanttChart.

Extends

Type Parameters

Type ParameterDefault type
TDataunknown

Properties

PropertyTypeDescriptionInherited fromDefined in
animation?boolean | Partial<ChartAnimationOptions>Animation configuration, or a boolean toggling all transitions. See ChartAnimationOptions.BaseChartOptions.animationcharts/src/core/chart.ts:89
autoRender?booleanWhether the chart renders automatically on construction and after every Chart.update. Defaults to true.BaseChartOptions.autoRendercharts/src/core/chart.ts:83
axis?ChartAxisInput<TData>Axis configuration for the category and time axes.-charts/src/charts/gantt.ts:97
borderRadius?numberCorner radius in pixels applied to each task bar. Defaults to 3.-charts/src/charts/gantt.ts:103
color?keyof TData | ((item) => string)Accessor for an explicit per-task colour; falls back to the generated palette.-charts/src/charts/gantt.ts:89
dataTData[]The tasks rendered as time-spanning bars.-charts/src/charts/gantt.ts:79
endkeyof TData | ((item) => Date)Accessor for each task's end date.-charts/src/charts/gantt.ts:87
grid?ChartGridInputBackground grid configuration (true/false or detailed grid options).-charts/src/charts/gantt.ts:93
keykeyof TData | ((item) => string)Accessor for each task's unique key (used for colour assignment and data joins).-charts/src/charts/gantt.ts:81
labelkeyof TData | ((item) => string)Accessor for each task's label shown on the category axis.-charts/src/charts/gantt.ts:83
padding?Partial<ChartPadding>Space reserved around the chart, per edge, in pixels.BaseChartOptions.paddingcharts/src/core/chart.ts:85
progress?NumericAccessor<TData>Accessor for each task's completion ratio (0–1), drawn as a progress overlay.-charts/src/charts/gantt.ts:91
showToday?booleanDraw a marker line at the current date. Defaults to true.-charts/src/charts/gantt.ts:99
startkeyof TData | ((item) => Date)Accessor for each task's start date.-charts/src/charts/gantt.ts:85
title?string | Partial<ChartTitleOptions>Chart title as plain text, or a ChartTitleOptions object for full control.BaseChartOptions.titlecharts/src/core/chart.ts:87
todayColor?stringColour of the "today" marker line.-charts/src/charts/gantt.ts:101
tooltip?ChartTooltipInputHover tooltip configuration (true/false or detailed tooltip options).-charts/src/charts/gantt.ts:95