# Interface: RadarControllerDatasetOptions

# Hierarchy

ControllerDatasetOptions
ScriptableAndArrayOptions<PointOptions & PointHoverOptions & PointPrefixedOptions & PointPrefixedHoverOptions, ScriptableContext<"radar">>
ScriptableAndArrayOptions<LineOptions & LineHoverOptions, ScriptableContext<"radar">>
AnimationOptions<"radar">

↳ RadarControllerDatasetOptions

# 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

# 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

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

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

# 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

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