# Interface: LineOptions
# Hierarchy
-
↳
LineOptions
# 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