Interface: LineControllerDatasetOptions

ScriptableAndArrayOptions<, ScriptableContext<>>
<PointPrefixedHoverOptions, <"line">>
ScriptableOptions<, ScriptableContext<"line">>
<"line">

↳ LineControllerDatasetOptions

Properties

• animation: false | <"line"> & { onComplete?: (event: AnimationEvent) => void ; onProgress?: (event: ) => void }

Inherited from

AnimationOptions.animation

Defined in

index.esm.d.ts:1599 (opens new window)

animations

• animations: AnimationsSpec<"line">

Inherited from

AnimationOptions.animations

Defined in

backgroundColor

• backgroundColor: <Color, <"line">>

Inherited from

ScriptableOptions.backgroundColor

Defined in

index.esm.d.ts:1654 (opens new window)

borderCapStyle

• borderCapStyle: Scriptable<CanvasLineCap, <"line">>

Line cap style. See MDN.

default ‘butt’

Inherited from

ScriptableOptions.borderCapStyle

Defined in

index.esm.d.ts:1724 (opens new window)

borderColor

• borderColor: Scriptable<, ScriptableContext<"line">>

Inherited from

ScriptableOptions.borderColor

Defined in

borderDash

• borderDash: <number[], ScriptableContext<"line">>

Line dash. See MDN.

default []

Inherited from

ScriptableOptions.borderDash

Defined in

borderDashOffset

• borderDashOffset: <number, ScriptableContext<"line">>

Line dash offset. See MDN.

default 0.0

Inherited from

ScriptableOptions.borderDashOffset

Defined in

borderJoinStyle

• borderJoinStyle: <CanvasLineJoin, ScriptableContext<"line">>

Line join style. See MDN.

default ‘miter’

Inherited from

ScriptableOptions.borderJoinStyle

Defined in

borderWidth

• borderWidth: <number, ScriptableContext<"line">>

Inherited from

ScriptableOptions.borderWidth

Defined in

capBezierPoints

• capBezierPoints: <boolean, ScriptableContext<>>

true to keep Bézier control inside the chart, false for no restriction.

default true

Inherited from

ScriptableOptions.capBezierPoints

Defined in

clip

• clip: number |

How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}

Inherited from

.clip

Defined in

index.esm.d.ts:67 (opens new window)

cubicInterpolationMode

• cubicInterpolationMode: Scriptable<"default" | "monotone", <"line">>

Interpolation mode to apply.

default ‘default’

Inherited from

ScriptableOptions.cubicInterpolationMode

Defined in

index.esm.d.ts:1749 (opens new window)

fill

• fill: Scriptable< | ComplexFillTarget, <"line">>

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

Inherited from

ScriptableOptions.fill

Defined in

index.esm.d.ts:1763 (opens new window)

hidden

• hidden: boolean

default false

Inherited from

.hidden

Defined in

index.esm.d.ts:85 (opens new window)

hoverBackgroundColor

• hoverBackgroundColor: Scriptable<, ScriptableContext<"line">>

Inherited from

ScriptableOptions.hoverBackgroundColor

Defined in

• hoverBorderCapStyle: Scriptable<CanvasLineCap, <"line">>

Inherited from

ScriptableOptions.hoverBorderCapStyle

Defined in

index.esm.d.ts:1777 (opens new window)

hoverBorderColor

• hoverBorderColor: Scriptable<, ScriptableContext<"line">>

Inherited from

ScriptableOptions.hoverBorderColor

Defined in

hoverBorderDash

• hoverBorderDash: <number[], ScriptableContext<"line">>

Inherited from

ScriptableOptions.hoverBorderDash

Defined in

hoverBorderDashOffset

• hoverBorderDashOffset: <number, ScriptableContext<"line">>

Inherited from

ScriptableOptions.hoverBorderDashOffset

Defined in

hoverBorderJoinStyle

• hoverBorderJoinStyle: <CanvasLineJoin, ScriptableContext<"line">>

Inherited from

ScriptableOptions.hoverBorderJoinStyle

Defined in

hoverBorderWidth

• hoverBorderWidth: <number, ScriptableContext<"line">>

Inherited from

ScriptableOptions.hoverBorderWidth

Defined in

indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. ‘x’ for vertical charts and ‘y’ for horizontal charts.

default ‘x’

Inherited from

ControllerDatasetOptions.

Defined in

label

• label: string

The label for the dataset which appears in the legend and tooltips.

Inherited from

ControllerDatasetOptions.

Defined in

normalized

• normalized: boolean

Chart.js is fastest if you provide data with indices that are unique, sorted, and consistent across datasets and provide the normalized: true option to let Chart.js know that you have done so.

Inherited from

ControllerDatasetOptions.

Defined in

order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

Inherited from

ControllerDatasetOptions.

Defined in

parsing

• parsing: false | { [key: string]: string; }

How to parse the dataset. The parsing can be disabled by specifying parsing: false at chart options or dataset. If parsing is disabled, data must be sorted and in the formats the associated chart type and scales use internally.

Inherited from

ControllerDatasetOptions.

Defined in

pointBackgroundColor

• pointBackgroundColor: <Color, <"line">>

The fill color for points.

Inherited from

ScriptableAndArrayOptions.pointBackgroundColor

Defined in

index.esm.d.ts:1855 (opens new window)

pointBorderColor

• pointBorderColor: ScriptableAndArray<, ScriptableContext<"line">>

The border color for points.

Inherited from

ScriptableAndArrayOptions.pointBorderColor

Defined in

pointBorderWidth

• pointBorderWidth: <, ScriptableContext<"line">>

The width of the point border in pixels.

Inherited from

ScriptableAndArrayOptions.pointBorderWidth

Defined in

pointHitRadius

• pointHitRadius: <number, ScriptableContext<"line">>

The pixel size of the non-displayed point that reacts to mouse events.

Inherited from

ScriptableAndArrayOptions.pointHitRadius

Defined in

• pointHoverBackgroundColor: <Color, <"line">>

Point background color when hovered.

Inherited from

ScriptableAndArrayOptions.pointHoverBackgroundColor

Defined in

index.esm.d.ts:1886 (opens new window)

pointHoverBorderColor

• pointHoverBorderColor: ScriptableAndArray<, ScriptableContext<"line">>

Point border color when hovered.

Inherited from

ScriptableAndArrayOptions.pointHoverBorderColor

Defined in

pointHoverBorderWidth

• pointHoverBorderWidth: <number, ScriptableContext<"line">>

Border width of point when hovered.

Inherited from

ScriptableAndArrayOptions.pointHoverBorderWidth

Defined in

pointHoverRadius

• pointHoverRadius: <number, ScriptableContext<"line">>

The radius of the point when hovered.

Inherited from

ScriptableAndArrayOptions.pointHoverRadius

Defined in

pointRadius

• pointRadius: <number, ScriptableContext<"line">>

The radius of the point shape. If set to 0, the point is not rendered.

Inherited from

ScriptableAndArrayOptions.pointRadius

Defined in

pointRotation

• pointRotation: <number, ScriptableContext<"line">>

The rotation of the point in degrees.

Inherited from

ScriptableAndArrayOptions.pointRotation

Defined in

pointStyle

• pointStyle: <PointStyle, <"line">>

Style of the point.

Inherited from

ScriptableAndArrayOptions.pointStyle

Defined in

index.esm.d.ts:1879 (opens new window)

segment

• segment: Scriptable<Object, <"line">>

Inherited from

ScriptableOptions.segment

Defined in

index.esm.d.ts:1765 (opens new window)

showLine

• showLine: boolean

Defined in

spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

default false