# Interface: RadarControllerDatasetOptions

# Hierarchy

# Properties

# animation

animation: false | AnimationSpec<"radar"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1747 (opens new window)


# animations

animations: AnimationsSpec<"radar">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1757 (opens new window)


# backgroundColor

backgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1807 (opens new window)


# borderCapStyle

borderCapStyle: ScriptableAndArray<CanvasLineCap, ScriptableContext<"radar">>

Line cap style. See MDN.

Default

'butt'

# Inherited from

ScriptableAndArrayOptions.borderCapStyle

# Defined in

types/index.d.ts:1887 (opens new window)


# borderColor

borderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1806 (opens new window)


# borderDash

borderDash: ScriptableAndArray<number[], ScriptableContext<"radar">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableAndArrayOptions.borderDash

# Defined in

types/index.d.ts:1892 (opens new window)


# borderDashOffset

borderDashOffset: ScriptableAndArray<number, ScriptableContext<"radar">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableAndArrayOptions.borderDashOffset

# Defined in

types/index.d.ts:1897 (opens new window)


# borderJoinStyle

borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"radar">>

Line join style. See MDN.

Default

'miter'

# Inherited from

ScriptableAndArrayOptions.borderJoinStyle

# Defined in

types/index.d.ts:1902 (opens new window)


# borderWidth

borderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1805 (opens new window)


# capBezierPoints

capBezierPoints: ScriptableAndArray<boolean, ScriptableContext<"radar">>

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

Default

true

# Inherited from

ScriptableAndArrayOptions.capBezierPoints

# Defined in

types/index.d.ts:1907 (opens new window)


# clip

clip: number | false | ChartArea

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

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)


# cubicInterpolationMode

cubicInterpolationMode: ScriptableAndArray<"default" | "monotone", ScriptableContext<"radar">>

Interpolation mode to apply.

Default

'default'

# Inherited from

ScriptableAndArrayOptions.cubicInterpolationMode

# Defined in

types/index.d.ts:1912 (opens new window)


# drawActiveElementsOnTop

drawActiveElementsOnTop: ScriptableAndArray<boolean, ScriptableContext<"radar">>

Draw the active elements over the other elements of the dataset,

Default

true

# Inherited from

ScriptableAndArrayOptions.drawActiveElementsOnTop

# Defined in

types/index.d.ts:2008 (opens new window)


# fill

fill: ScriptableAndArray<FillTarget | ComplexFillTarget, ScriptableContext<"radar">>

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

ScriptableAndArrayOptions.fill

# Defined in

types/index.d.ts:1926 (opens new window)


# hidden

hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)


# hitRadius

hitRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

Extra radius added to point radius for hit detection.

Default

1

# Inherited from

ScriptableAndArrayOptions.hitRadius

# Defined in

types/index.d.ts:1993 (opens new window)


# hoverBackgroundColor

hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1813 (opens new window)


# hoverBorderCapStyle

hoverBorderCapStyle: ScriptableAndArray<CanvasLineCap, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderCapStyle

# Defined in

types/index.d.ts:1944 (opens new window)


# hoverBorderColor

hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1812 (opens new window)


# hoverBorderDash

hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDash

# Defined in

types/index.d.ts:1945 (opens new window)


# hoverBorderDashOffset

hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1946 (opens new window)


# hoverBorderJoinStyle

hoverBorderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderJoinStyle

# Defined in

types/index.d.ts:1947 (opens new window)


# hoverBorderWidth

hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1811 (opens new window)


# hoverRadius

hoverRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

Point radius when hovered.

Default

4

# Inherited from

ScriptableAndArrayOptions.hoverRadius

# Defined in

types/index.d.ts:2016 (opens new window)


# indexAxis

indexAxis: "x" | "y"

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

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)


# label

label: string

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

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)


# 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.normalized

# Defined in

types/index.d.ts:63 (opens new window)


# order

order: number

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

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (opens new window)


# 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.parsing

# Defined in

types/index.d.ts:54 (opens new window)


# pointBackgroundColor

pointBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

The fill color for points.

# Inherited from

ScriptableAndArrayOptions.pointBackgroundColor

# Defined in

types/index.d.ts:2023 (opens new window)


# pointBorderColor

pointBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

The border color for points.

# Inherited from

ScriptableAndArrayOptions.pointBorderColor

# Defined in

types/index.d.ts:2027 (opens new window)


# pointBorderWidth

pointBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

The width of the point border in pixels.

# Inherited from

ScriptableAndArrayOptions.pointBorderWidth

# Defined in

types/index.d.ts:2031 (opens new window)


# pointHitRadius

pointHitRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

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

# Inherited from

ScriptableAndArrayOptions.pointHitRadius

# Defined in

types/index.d.ts:2035 (opens new window)


# pointHoverBackgroundColor

pointHoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

Point background color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBackgroundColor

# Defined in

types/index.d.ts:2054 (opens new window)


# pointHoverBorderColor

pointHoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

Point border color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderColor

# Defined in

types/index.d.ts:2058 (opens new window)


# pointHoverBorderWidth

pointHoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

Border width of point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderWidth

# Defined in

types/index.d.ts:2062 (opens new window)


# pointHoverRadius

pointHoverRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The radius of the point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverRadius

# Defined in

types/index.d.ts:2066 (opens new window)


# pointRadius

pointRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

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

# Inherited from

ScriptableAndArrayOptions.pointRadius

# Defined in

types/index.d.ts:2039 (opens new window)


# pointRotation

pointRotation: ScriptableAndArray<number, ScriptableContext<"radar">>

The rotation of the point in degrees.

# Inherited from

ScriptableAndArrayOptions.pointRotation

# Defined in

types/index.d.ts:2043 (opens new window)


# pointStyle

pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"radar">>

Point style

Default

'circle;

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:1998 (opens new window)

types/index.d.ts:2047 (opens new window)


# radius

radius: ScriptableAndArray<number, ScriptableContext<"radar">>

Point radius

Default

3

# Inherited from

ScriptableAndArrayOptions.radius

# Defined in

types/index.d.ts:1988 (opens new window)


# rotation

rotation: ScriptableAndArray<number, ScriptableContext<"radar">>

Point rotation (in degrees).

Default

0

# Inherited from

ScriptableAndArrayOptions.rotation

# Defined in

types/index.d.ts:2003 (opens new window)


# segment

segment: ScriptableAndArray<{ 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> }, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.segment

# Defined in

types/index.d.ts:1932 (opens new window)


# showLine

showLine: boolean

If false, the line is not drawn for this dataset.

# Defined in

types/index.d.ts:422 (opens new window)


# 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.

# Overrides

ScriptableAndArrayOptions.spanGaps

# Defined in

types/index.d.ts:417 (opens new window)


# stack

stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)


# stepped

stepped: ScriptableAndArray<boolean | "middle" | "after" | "before", ScriptableContext<"radar">>

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

Default

false

# Inherited from

ScriptableAndArrayOptions.stepped

# Defined in

types/index.d.ts:1922 (opens new window)


# tension

tension: ScriptableAndArray<number, ScriptableContext<"radar">>

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

Default

0

# Inherited from

ScriptableAndArrayOptions.tension

# Defined in

types/index.d.ts:1917 (opens new window)


# transitions

transitions: TransitionsSpec<"radar">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1758 (opens new window)


# xAxisID

xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:408 (opens new window)


# yAxisID

yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:412 (opens new window)