# Interface: LineOptions

# Hierarchy

# Properties

# backgroundColor

backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

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


# borderCapStyle

borderCapStyle: CanvasLineCap

Line cap style. See MDN.

default 'butt'

# Defined in

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


# borderColor

borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

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


# borderDash

borderDash: number[]

Line dash. See MDN.

default []

# Defined in

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


# borderDashOffset

borderDashOffset: number

Line dash offset. See MDN.

default 0.0

# Defined in

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


# borderJoinStyle

borderJoinStyle: CanvasLineJoin

Line join style. See MDN.

default 'miter'

# Defined in

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


# borderWidth

borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

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


# capBezierPoints

capBezierPoints: boolean

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

default true

# Defined in

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


# cubicInterpolationMode

cubicInterpolationMode: "default" | "monotone"

Interpolation mode to apply.

default 'default'

# Defined in

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


# fill

fill: FillTarget | ComplexFillTarget

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

# Defined in

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


# segment

segment: Object

# Type declaration

Name Type
backgroundColor Scriptable<Color, ScriptableLineSegmentContext>
borderCapStyle Scriptable<CanvasLineCap, ScriptableLineSegmentContext>
borderColor Scriptable<Color, ScriptableLineSegmentContext>
borderDash Scriptable<number[], ScriptableLineSegmentContext>
borderDashOffset Scriptable<number, ScriptableLineSegmentContext>
borderJoinStyle Scriptable<CanvasLineJoin, ScriptableLineSegmentContext>
borderWidth Scriptable<number, ScriptableLineSegmentContext>

# Defined in

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


# stepped

stepped: boolean | "before" | "after" | "middle"

true to show the line as a stepped line (tension will be ignored).

default false

# Defined in

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


# tension

tension: number

Bézier curve tension (0 for no Bézier curves).

default 0

# Defined in

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