RadarChart – amCharts 5 Documentation

Type class

Radar chart.

Sources

RadarChart can be used (imported) via one of the following packages.

// Import RadarChart
import * as am5radar from "@amcharts/amcharts5/radar";

// Create RadarChart
am5radar.RadarChart.new(root, {
  // ... config if applicable
});

<!-- Load RadarChart -->
<script src="radar.js"></script>

<script>
// Create RadarChart
am5radar.RadarChart.new(root, {
  // ... config if applicable
});
</script>

Inheritance

RadarChart extends XYChart.

RadarChart is not extended by any other symbol.

Settings

Set these settings on a RadarChart object using its set() and setAll() methods.

Read about settings concept.

active #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` Indicates if element is currently active.
arrangeTooltips #	Type `undefined` \| `false` \| `true` Default `true` Inherited from `IXYChartSettings` If set to `false` the chart will not check for overlapping of multiple tooltips, and will not arrange them to not overlap. Will work only if chart has an `XYCursor` enabled. Click here for more info
background #	Type `Graphics` Inherited from `IContainerSettings` Background element. Click here for more info
blur #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Apply blur filter. Ranges of values in pixels: `0` to `X`. IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
brightness #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Modifty visual brightness. Range of values: `0` to `1`. IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
centerX #	Type `number` \| `Percent` Inherited from `ISpriteSettings` X coordinate of the center of the element relative to itself. Center coordinates will affect placement as well as rotation pivot point.
centerY #	Type `number` \| `Percent` Inherited from `ISpriteSettings` Y coordinate of the center of the element relative to itself. Center coordinates will affect placement as well as rotation pivot point.
colors #	Type `ColorSet` Inherited from `ISerialChartSettings` A `ColorSet` to use when asigning colors for series. Click here for more info
contrast #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Modify contrast. Range of values: `0` to `1`. IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
crisp #	Type `undefined` \| `false` \| `true` Default `false` Inherited from `ISpriteSettings` If set to `true`, an element will try to draw itself in such way, that it looks crisp on screen, with minimal anti-aliasing. It will round x/y position so it is positioned fine "on pixel". It will also adjust `strokeWidth` based on device pixel ratio or zoom, so the line might look thinner than expected. NOTE: this is might not universally work, especially when set on several objects that are supposed to fit perfectly with each other. @since 5.3.0
cursor #	Type `RadarCursor` `RadarCursor` instance. Click here for more info
cursorOverStyle #	Type `undefined` \| `string` Inherited from `ISpriteSettings` A named mouse cursor style to show when hovering this element. Click here for more info
dateFormatter #	Type `DateFormatter` \| `undefined` Inherited from `ISpriteSettings` An instance of `DateFormatter` that should be used instead of global formatter object. Click here for more info
disabled #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` Indicates if element is disabled.
draggable #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` If set to `true`, user will be able to drag this element. It will also disable default drag events over the area of this element.
durationFormatter #	Type `DurationFormatter` \| `undefined` Inherited from `ISpriteSettings` An instance of `DurationFormatter` that should be used instead of global formatter object. Click here for more info
dx #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Horizontal shift in pixels. Can be negative to shift leftward.
dy #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Vertical shift in pixels. Can be negative to shift upward.
endAngle #	Type `undefined` \| `number` Default `270` Chart end angle in degress. Click here for more info
exportable #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` If set to `false` this element will not appear in exported snapshots of the chart.
forceHidden #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` If set to `true` the element will be hidden regardless of `visible` or even if `show()` is called.
forceInactive #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` If set to `true` the element will be inactive - absolutely oblivious to all interactions, even if there are related events set, or the `interactive: true` is set. @since 5.0.21
height #	Type `number` \| `Percent` \| `null` Inherited from `ISpriteSettings` Element's absolute height in pixels (numeric value) or relative height to parent (`Percent`);
html #	Type `undefined` \| `string` Inherited from `IContainerSettings` HTML content of the container. Click here for more info @since 5.2.11
hue #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Rotate HUE colors in degrees. Range of values: `0` to `360`. IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
id #	Type `undefined` \| `string` Inherited from `IEntitySettings` A custom string ID for the element. If set, element can be looked up via `am5.registry.entitiesById`. Will raise error if an element with the same ID already exists.
innerRadius #	Type `number` \| `Percent` Inner radius of the chart. Can be set in pixels or percent, relative to outer radius. Setting to negative number will mean pixels from outer radius. Click here for more info
interactive #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` Should this element accept user interaction events?
interactiveChildren #	Type `undefined` \| `false` \| `true` Inherited from `IContainerSettings` If set to `true` all descendants - not just direct children, but every element in it - will become "interactive".
invert #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Invert colors. Range of values: `0` (no changes) to `1` (completely inverted colors). IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
isMeasured #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` If set to `false` element will not be measured and cannot participate in layout schemes.
layer #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Numeric layer to put element in. Elements with higher number will appear in front of the ones with lower numer. If not set, will inherit layer from its ascendants.
layerMargin #	Type `IMargin` Inherited from `ISpriteSettings` Margins for the layer. Can be used to make the layer larger/or smaller than default chart size. @since @5.2.39
layout #	Type `Layout` \| `null` Inherited from `IContainerSettings` A method to layout Click here for more info
marginBottom #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Bottom margin in pixels.
marginLeft #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Left margin in pixels.
marginRight #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Right margin in pixels.
marginTop #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Top margin in pixels.
mask #	Type `Graphics` \| `null` Inherited from `IContainerSettings` An element to use as a container's mask (clipping region). Click here for more info
maskContent #	Type `undefined` \| `false` \| `true` Inherited from `IContainerSettings` If set to `true` all content going outside the bounds of the container will be clipped.
maxHeight #	Type `number` \| `null` Inherited from `ISpriteSettings` Maximum allowed height in pixels.
maxTooltipDistance #	Type `undefined` \| `number` Inherited from `IXYChartSettings` If not set (default), cursor will show tooltips for all data items in the same category/date. If set, cursor will select closest data item to pointer (mouse or touch) and show tooltip for it. It will also show tooltips for all data items that are within X pixels range (as set in `maxTooltipDistance`). Tooltips for data items farther then X pixels, will not be shown. NOTE: set it to `-1` to ensure only one tooltip is displayed, even if there are multiple data items in the same place. Click here for more info
maxTooltipDistanceBy #	Type `"xy"` \| `"x"` \| `"y"` Inherited from `IXYChartSettings` Indicates how the distance should be measured when assessing distance between tooltips as set in `maxTooltipDistance`. Click here for more info @since 5.2.6
maxWidth #	Type `number` \| `null` Inherited from `ISpriteSettings` Maximum allowed width in pixels.
minHeight #	Type `number` \| `null` Inherited from `ISpriteSettings` Minimum allowed height in pixels.
minWidth #	Type `number` \| `null` Inherited from `ISpriteSettings` Minimum allowed width in pixels.
numberFormatter #	Type `NumberFormatter` \| `undefined` Inherited from `ISpriteSettings` An instance of `NumberFormatter` that should be used instead of global formatter object. Click here for more info
opacity #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Opacity. 0 - fully transparent; 1 - fully opaque.
paddingBottom #	Type `undefined` \| `number` Inherited from `IContainerSettings` Bottom padding in pixels.
paddingLeft #	Type `undefined` \| `number` Inherited from `IContainerSettings` Left padding in pixels.
paddingRight #	Type `undefined` \| `number` Inherited from `IContainerSettings` Right padding in pixels.
paddingTop #	Type `undefined` \| `number` Inherited from `IContainerSettings` Top padding in pixels.
panX #	Type `undefined` \| `false` \| `true` Inherited from `IXYChartSettings` If this is set to `true`, users will be able to pan the chart horizontally by dragging plot area. Click here for more info
panY #	Type `undefined` \| `false` \| `true` Inherited from `IXYChartSettings` If this is set to `true`, users will be able to pan the chart vertically by dragging plot area. Click here for more info
patterns #	Type `PatternSet` Inherited from `ISerialChartSettings` A `PatternSet` to use when asigning patterns for series. Click here for more info @since 5.10.0
pinchZoomX #	Type `undefined` \| `false` \| `true` Default `false` Inherited from `IXYChartSettings` If set to `true`, using pinch gesture on the chart's plot area will zoom chart horizontally. NOTE: this setting is not supported in a `RadarChart`. Click here for more info @since 5.1.8
pinchZoomY #	Type `undefined` \| `false` \| `true` Default `false` Inherited from `IXYChartSettings` If set to `true`, using pinch gesture on the chart's plot area will zoom chart vertically. NOTE: this setting is not supported in a `RadarChart`. Click here for more info @since 5.1.8
position #	Type `"absolute"` \| `"relative"` Inherited from `ISpriteSettings` Positioning of the element. `"absolute"` means element will not participate in parent layout scheme, and will be positioned solely accoridng its `x` and `y` settings.
radius #	Type `number` \| `Percent` Default `80%` Outer radius of the chart. Can be set in pixels or percent, relative to available space. Click here for more info
reverseChildren #	Type `undefined` \| `false` \| `true` Inherited from `IContainerSettings` If set to `true` its children will be laid out in opposite order. @since 5.1.1
rotation #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Rotation in degrees.
saturate #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Modify saturation. Range of values in pixels: `0` to `X`. `0` - grayscale `1` - no changes `>1` - more saturated IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
scale #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Scale. Setting to a value less than 1 will shrink object.
scrollbarX #	Type `Scrollbar` Inherited from `IXYChartSettings` horizontal scrollbar. Click here for more info
scrollbarY #	Type `Scrollbar` Inherited from `IXYChartSettings` Vertical scrollbar.
sepia #	Type `undefined` \| `number` Inherited from `ISpriteSettings` Apply sepia filter. Range of values: `0` (no changes) to `1` (complete sepia). IMPORTANT: This setting is not supported in Safari browsers. Click here for more info @since 5.5.0
setStateOnChildren #	Type `undefined` \| `false` \| `true` Inherited from `IContainerSettings` If set to `true`, applying a state on a container will also apply the same state on its children. Click here for more info
showTooltipOn #	Type `"hover"` \| `"always"` \| `"click"` Default `"hover"` Inherited from `ISpriteSettings` Defines when tooltip is shown over the element. Available options: `"hover"` (default) - tooltip is shown when element is hovered by a pointer or touched. It is hidden as soon as element is not hovered anymore, or touch occurs outside it. `"always"` - a tooltip will always be shown over the element, without any interactions. Please note that if you need to show tooltips for multiple elements at the same time, you need to explicitly create a `Tooltip` instance and set element's `tooltip` setting with it. '"click"' - a tooltip will only appear when target element is clicked/tapped. Tooltip will hide when clicking anywhere else on the page. Click here for more info @since 5.0.16
startAngle #	Type `undefined` \| `number` Default `-90` Chart start angle in degress. Click here for more info
stateAnimationDuration #	Type `undefined` \| `number` Inherited from `IEntitySettings` Duration of transition from one state to another.
stateAnimationEasing #	Type `$ease.Easing` Inherited from `IEntitySettings` Easing of transition from one state to another.
templateField #	Type `undefined` \| `string` Inherited from `ISpriteSettings` Allows binding element's settings to data. Click here for more info
themeTags #	Type `Array` Inherited from `IEntitySettings` Tags which can be used by the theme rules. Click here for more info
themeTagsSelf #	Type `Array` Inherited from `IEntitySettings` Tags which can be used by the theme rules. These tags only apply to this object, not any children. Click here for more info
themes #	Type `Array` Inherited from `IEntitySettings` A list of themes applied to the element.
toggleKey #	Type `"disabled"` \| `"active"` \| `"none"` \| `undefined` Inherited from `ISpriteSettings` If set, element will toggle specified boolean setting between `true` and `false` when clicked/touched.
tooltip #	Type `Tooltip` Inherited from `ISpriteSettings` `Tooltip` instance.
tooltipHTML #	Type `undefined` \| `string` Inherited from `ISpriteSettings` HTML content to show in a tooltip when hovered. @since 5.2.11
tooltipPosition #	Type `"fixed"` \| `"pointer"` Inherited from `ISpriteSettings` Tooltip position.
tooltipText #	Type `undefined` \| `string` Inherited from `ISpriteSettings` Text to show in a tooltip when hovered.
tooltipX #	Type `number` \| `Percent` Inherited from `ISpriteSettings` Tooltip pointer X coordinate relative to the element itself.
tooltipY #	Type `number` \| `Percent` Inherited from `ISpriteSettings` Tooltip pointer Y coordinate relative to the element itself.
userData #	Type `any` Inherited from `IEntitySettings` A storage for any custom user data that needs to be associated with the element.
verticalScrollbar #	Type `Scrollbar` Inherited from `IContainerSettings` Setting this to an instance of `Scrollbar` will enable vertical scrolling of content if it does not fit into the Container. Click here for more info
visible #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` Is element visible?
wheelStep #	Type `undefined` \| `number` Default `0.25` Inherited from `IXYChartSettings` Indicates the relative "speed" of the mouse wheel.
wheelX #	Type `"zoomX"` \| `"zoomY"` \| `"zoomXY"` \| `"panX"` \| `"panY"` \| `"panXY"` \| `"none"` Inherited from `IXYChartSettings` Indicates what happens when mouse wheel is spinned horizontally while over plot area. Click here for more info
wheelY #	Type `"zoomX"` \| `"zoomY"` \| `"zoomXY"` \| `"panX"` \| `"panY"` \| `"panXY"` \| `"none"` Inherited from `IXYChartSettings` Indicates what happens when mouse wheel is spinned vertically while over plot area. Click here for more info
wheelZoomPositionX #	Type `undefined` \| `number` Inherited from `IXYChartSettings` If set, will use this relative position as a "center" for mouse wheel horizontal zooming instead of actual cursor position. Click here for more info @since 5.2.11
wheelZoomPositionY #	Type `undefined` \| `number` Inherited from `IXYChartSettings` If set, will use this relative position as a "center" for mouse wheel vertical zooming instead of actual cursor position. Click here for more info @since 5.2.11
wheelable #	Type `undefined` \| `false` \| `true` Inherited from `ISpriteSettings` If set to `true`, mouse wheel events will be triggered over the element. It will also disable page scrolling using mouse wheel when pointer is over the element.
width #	Type `number` \| `Percent` \| `null` Inherited from `ISpriteSettings` Element's absolute width in pixels (numeric value) or relative width to parent (`Percent`);
x #	Type `number` \| `Percent` \| `null` Inherited from `ISpriteSettings` X position relative to parent.
y #	Type `number` \| `Percent` \| `null` Inherited from `ISpriteSettings` Y position relative to parent.
There are 89 inherited items currently hidden from this list.

Private settings

These are read-only settings accessible from a RadarChart object using its getPrivate() method.

Read about private settings.

focusable #	Read only Type `undefined` \| `false` \| `true` Inherited from `ISpritePrivate` If set to `false`, its tabindex will be set to -1, so it does not get focused with TAB, regardless whether its public setting `focusable` is set to `true`. @since 5.3.16
htmlElement #	Read only Type `HTMLDivElement` Inherited from `IContainerPrivate` A `<div>` element used for HTML content of the `Container`.
innerRadius #	Read only Type `undefined` \| `number` Inner radius in pixels.
otherCharts #	Read only Type `Array` Inherited from `IXYChartPrivate` Array of other `XYChart` objects that cursors should be synced with. Note: cursors will be synced across the vertically stacked charts only.
radius #	Read only Type `undefined` \| `number` Radius in pixels.
showingTooltip #	Read only Type `undefined` \| `false` \| `true` Inherited from `ISpritePrivate` Is element currently showing a tooltip?
tooltipSeries #	Read only Type `Array` Inherited from `IXYChartPrivate` A list of `Series` that currently have their tooltip being displayed.
tooltipTarget #	Read only Type `Graphics` Inherited from `ISpritePrivate` An element tooltip should inherit its colors from.
trustBounds #	Read only Type `undefined` \| `false` \| `true` Inherited from `ISpritePrivate` If set to `true`, the sprite will check if a mouse pointer is within its bounds before dispatching pointer events. This helps to solve ghost tooltips problem that sometimes appear while moving the pointer over interactive objects. This is set to `true` by default on `Rectangle` and `Circle`. @since 5.5.0
There are 7 inherited items currently hidden from this list.

Properties

adapters #	Type `Adapters` Default `new Adapters(this)` Inherited from `Entity`
axisHeadersContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` axis headers are stored in. Click here for more info
bottomAxesContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located on bottom of the chart, used to store bottom horizontal axes. Click here for more info
bulletsContainer #	Type `Container` Default `Container.new()` Inherited from `Chart` A `Container` chart places its bullets in.
chartContainer #	Type `Container` Default `Container.new()` Inherited from `Chart` A `Container` chart places its elements in.
children #	Type `Children` Default `new Children(this)` Inherited from `Container` List of Container's child elements.
className #	Static Type `string` Default `"RadarChart"`
classNames #	Static Type `Array` Default `"RadarChart", "XYChart", "SerialChart", "Chart", "Container", "Sprite", "Entity"`
dataItem #	Type `DataItem` \| `undefined` Inherited from `Sprite` A `DataItem` used for this element. NOTE: data item is being assigned automatically in most cases where it matters. Use this accessor to set data item only if you know what you're doing.
enableDispose #	Type `boolean` Default `true` Inherited from `Settings` If this is set to `false` then disposing does nothing, it's a no-op.
events #	Type `SpriteEventDispatcher` Inherited from `Sprite`
gridContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` axis grid elements are stored in. Click here for more info
leftAxesContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located on left of the chart, used to store left-hand vertical axes. Click here for more info
parent #	Type `Container` \| `undefined` Inherited from `Sprite` Parent `Container` of this element.
plotContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located in the middle of the chart, used to store actual plots (series). NOTE: `plotContainer` will automatically have its `background` preset. If you need to modify background or outline for chart's plot area, you can use `plotContainer.get("background")` for that.* Click here for more info
plotsContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located in the middle of the chart, used to store plotContainer and topPlotContainer Click here for more info
radarContainer #	Type `Container` Default `Container.new()` `Container` where radar-related elements go.
rightAxesContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located on right of the chart, used to store right-hand vertical axes. Click here for more info
root #	Type `Root` Inherited from `Entity` An instance of `Root` object. @readonly @since 5.0.6
series #	Type `ListAutoDispose` Default `new ListAutoDispose()` Inherited from `SerialChart` A list of chart's series.
seriesContainer #	Type `Container` Default `Container.new()` Inherited from `SerialChart` A `Container` where chart will store all series.
states #	Type `States` Default `new States(this)` Inherited from `Entity`
template #	Type `Template` \| `undefined` Inherited from `Entity` @todo needs description
topAxesContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located on top of the chart, used to store top horizontal axes. Click here for more info
topGridContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` axis background grid elements are stored in. Click here for more info
topPlotContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` used for any elements that need to be displayed over regular `plotContainer`. Click here for more info
uid #	Type `number` Default `++counter` Inherited from `Settings` Unique ID.
xAxes #	Type `ListAutoDispose` Default `new ListAutoDispose()` Inherited from `XYChart` A list of horizontal axes.
yAxes #	Type `ListAutoDispose` Default `new ListAutoDispose()` Inherited from `XYChart` A list of vertical axes.
yAxesAndPlotContainer #	Type `Container` Default `Container.new()` Inherited from `XYChart` A `Container` located in the middle the chart, used to store vertical axes and plot area container. Click here for more info
zoomOutButton #	Type `Button` Default `Button.new()` Inherited from `XYChart` A button that is shown when chart is not fully zoomed out. Click here for more info
There are 28 inherited items currently hidden from this list.

Methods

allChildren() #	Returns `Array` Inherited from `Container`
animate( options: `AnimationOptions` ) #	Returns `Animation` Inherited from `Settings` Animates setting values from current/start values to new ones. Click here for more info
appear( duration?: `undefined` \| `number`, delay?: `undefined` \| `number` ) #	Returns `Promise` Inherited from `Sprite` Plays initial reveal animation regardless if element is currently hidden or visible.
compositeOpacity() #	Returns `number` Inherited from `Sprite` Returns an actual opacity of the element, taking into account all parents. @since 5.2.11
compositeRotation() #	Returns `number` Inherited from `Sprite` Returns an actual roation of the element, taking into account all parents. @since 5.9.2
compositeScale() #	Returns `number` Inherited from `Sprite` Returns an actual scale of the element, taking into account all parents. @since 5.9.2
depth() #	Returns `number` Inherited from `Sprite` Returns depth (how deep in the hierachy of the content tree) of this element.
dispose() #	Returns `void` Inherited from `Settings` Disposes this object.
eachChildren( f: ( child: `Sprite`) => `void` ) #	Returns `void` Inherited from `Container`
get( key: `Key`, fallback: `F` ) #	Returns `NonNullable` \| `F` Inherited from `Entity` Returns settings value for the specified `key`. If there is no value, `fallback` is returned instead (if set). Click here for more info
getDateFormatter() #	Returns `DateFormatter` Inherited from `Sprite` Returns an instance of `DateFormatter` used in this element. If this element does not have it set, global one form `Root` is used. Click here for more info
getDurationFormatter() #	Returns `DurationFormatter` Inherited from `Sprite` Returns an instance of `DurationFormatter` used in this element. If this element does not have it set, global one form `Root` is used. Click here for more info
getNumberFormatter() #	Returns `NumberFormatter` Inherited from `Sprite` Returns an instance of `NumberFormatter` used in this element. If this element does not have it set, global one form `Root` is used. Click here for more info
getTooltip() #	Returns `Tooltip` \| `undefined` Inherited from `Sprite` Returns `Tooltip` used for this element.
handleWheel( event: { originalEvent: `WheelEvent`, point: `IPoint`, target: `Container` } ) #	Returns `void` Inherited from `XYChart` This method is invoked when mouse wheel is used over chart's plot container, and handles zooming/pan. You can invoke this method manually, if you need to mimic chart's wheel behavior over other elements of the chart.
has( key: `Key` ) #	Returns `boolean` Inherited from `Settings` Returns `true` if the setting exists. Click here for more info
height() #	Returns `number` Inherited from `Sprite` Returns height of this element in pixels.
hide( duration?: `undefined` \| `number` ) #	Returns `Promise` Inherited from `Sprite` Hides the element and returns a `Promise` which completes when all hiding animations are finished. series.hide().then(function(ev) { console.log("Series finished hiding"); }) series.hide().then(function(ev) { console.log("Series finished hiding"); })
hideTooltip() #	Returns `void` Inherited from `Sprite` Hides element's `Tooltip`.
hover() #	Returns `void` Inherited from `Sprite` Simulate hover over element.
innerHeight() #	Returns `number` Inherited from `Container` Returns container's inner height (height without padding) in pixels.
innerWidth() #	Returns `number` Inherited from `Container` Returns container's inner width (width without padding) in pixels.
isDisposed() #	Returns `boolean` Inherited from `Settings` Returns `true` if this element is disposed.
isDragging() #	Returns `boolean` Inherited from `Sprite` Returns `true` if this element is currently being dragged.
isFocus() #	Returns `boolean` Inherited from `Sprite` Returns `true` if this element does currently have focus.
isHidden() #	Returns `boolean` Inherited from `Sprite` Returns `true` if this element is currently hidden.
isHiding() #	Returns `boolean` Inherited from `Sprite` Returns `true` if this element is currently animating to a hidden state.
isHover() #	Returns `boolean` Inherited from `Sprite` Returns `true` if this element is currently hovered by a pointer.
isShowing() #	Returns `boolean` Inherited from `Sprite` Returns `true` if this element is currently animating to a default state.
isType( type: `string` ) #	Returns `this` Inherited from `Entity` Checks if element is of certain class (or inherits one).
isVisible() #	Returns `boolean` Inherited from `Sprite` Returns `false` if if either public or private setting `visible` is set to `false`, or `forceHidden` is set to `true`.
isVisibleDeep() #	Returns `boolean` Inherited from `Sprite` Same as `isVisible()`, except it checks all ascendants, too. @since 5.2.7
markDirtyKey( key: `Key` ) #	Returns `void` Inherited from `Sprite` Marks some setting as dirty. Could be used to trigger adapter.
maxHeight() #	Returns `number` Inherited from `Sprite` Returns maximum allowed height of this element in pixels.
maxWidth() #	Returns `number` Inherited from `Sprite` Returns maximum allowed width of this element in pixels.
new( root: `Root`, settings: `ITSettings`, template?: `Template` ) #	Static Returns `T` Inherited from `Entity` Use this method to create an instance of this class. Click here for more info
off( key: `Key`, callback?: `undefined` \| ( value: `[""]`, target: `this`, key: `Key`) => `void` ) #	Returns `void` Inherited from `Settings` Removes a callback for when value of a setting changes. Click here for more info @since 5.9.2
offPrivate( key: `Key`, callback?: `undefined` \| ( value: `[""]`, target: `this`, key: `Key`) => `void` ) #	Returns `void` Inherited from `Settings` Removes a callback for when value of a private setting changes. Click here for more info @since 5.9.2
on( key: `Key`, callback: ( value: `[""]`, target: `this`, key: `Key`) => `void` ) #	Returns `IDisposer` Inherited from `Settings` Sets a callback function to invoke when specific key of settings changes or is set. Click here for more info
onPrivate( key: `Key`, callback: ( value: `[""]`, target: `this`, key: `Key`) => `void` ) #	Returns `IDisposer` Inherited from `Settings` Sets a callback function to invoke when specific key of private settings changes or is set. Click here for more info
remove( key: `Key` ) #	Returns `void` Inherited from `Entity` Removes a setting value for the specified `key`. Click here for more info
removeAll() #	Returns `void` Inherited from `Settings` Removes all keys; Click here for more info
scrollToChild( child: `Sprite` ) #	Returns `void` Inherited from `Container` If scrolling is enabled on the Container (by adding `verticalScrollbar`) the Container will scroll in such way so that target element becomes visible if its currently outside of view. @since 5.10.5
set( key: `Key`, value: `Value` ) #	Returns `Value` Inherited from `Entity` Sets a setting `value` for the specified `key`, and returns the same `value`. Click here for more info
setAll( settings: `Partial` ) #	Returns `void` Inherited from `Settings` Sets multiple settings at once. `settings` must be an object with key: value pairs. Click here for more info
setTimeout( fn: () => `void`, delay: `number` ) #	Returns `IDisposer` Inherited from `Entity` Creates and returns a "disposable" timeout.
show( duration?: `undefined` \| `number` ) #	Returns `Promise` Inherited from `Sprite` Shows currently hidden element and returns a `Promise` which completes when all showing animations are finished. series.show().then(function(ev) { console.log("Series is now fully visible"); }) series.show().then(function(ev) { console.log("Series is now fully visible"); })
showTooltip( point?: `IPoint` ) #	Returns `void` Inherited from `Sprite` Shows element's `Tooltip`.
toBack() #	Returns `void` Inherited from `Sprite` Moves sprite to the beginning of the parent's children array. Depending on `layout` setting of the parten container, it may effect the positioning or overlapping order of the elements.
toFront() #	Returns `void` Inherited from `Sprite` Moves sprite to the end of the parent's children array. Depending on `layout` setting of the parten container, it may effect the positioning or overlapping order of the elements.
toGlobal( point: `IPoint` ) #	Returns `IPoint` Inherited from `Sprite` Converts X/Y coordinate within this element to a global coordinate.
toLocal( point: `IPoint` ) #	Returns `IPoint` Inherited from `Sprite` Converts global X/Y coordinate to a coordinate within this element.
unhover() #	Returns `void` Inherited from `Sprite` Simulate unhover over element.
width() #	Returns `number` Inherited from `Sprite` Returns width of this element in pixels.
x() #	Returns `number` Inherited from `Sprite` Returns element's actual X position in pixels.
y() #	Returns `number` Inherited from `Sprite` Returns element's actual Y position in pixels.
zoomOut() #	Returns `void` Inherited from `XYChart` Fully zooms out the chart.
There are 57 inherited items currently hidden from this list.

allChildren()

Returns Array

Inherited from Container

animate(

options: AnimationOptions

)

Returns Animation

Inherited from Settings

Animates setting values from current/start values to new ones.

Click here for more info

appear(

duration?: undefined | number,
delay?: undefined | number

)

Returns Promise

Inherited from Sprite

Plays initial reveal animation regardless if element is currently hidden or visible.

compositeOpacity()

Returns number

Inherited from Sprite

Returns an actual opacity of the element, taking into account all parents.

@since 5.2.11

compositeRotation()

Returns number

Inherited from Sprite

Returns an actual roation of the element, taking into account all parents.

@since 5.9.2

compositeScale()

Returns number

Inherited from Sprite

Returns an actual scale of the element, taking into account all parents.

@since 5.9.2

depth()

Returns number

Inherited from Sprite

Returns depth (how deep in the hierachy of the content tree) of this element.

dispose()

Returns void

Inherited from Settings

Disposes this object.

eachChildren(

f: ( child: Sprite) => void

)

Returns void

Inherited from Container

get(

key: Key,
fallback: F

)

Returns NonNullable | F

Inherited from Entity

Returns settings value for the specified key.

If there is no value, fallback is returned instead (if set).

Click here for more info

getDateFormatter()

Returns DateFormatter

Inherited from Sprite

Returns an instance of DateFormatter used in this element.

If this element does not have it set, global one form Root is used.

Click here for more info

getDurationFormatter()

Returns DurationFormatter

Inherited from Sprite

Returns an instance of DurationFormatter used in this element.

If this element does not have it set, global one form Root is used.

Click here for more info

getNumberFormatter()

Returns NumberFormatter

Inherited from Sprite

Returns an instance of NumberFormatter used in this element.

If this element does not have it set, global one form Root is used.

Click here for more info

getTooltip()

Returns Tooltip | undefined

Inherited from Sprite

Returns Tooltip used for this element.

handleWheel(

event: { originalEvent: WheelEvent,
point: IPoint,
target: Container }

)

Returns void

Inherited from XYChart

This method is invoked when mouse wheel is used over chart's plot container, and handles zooming/pan.

You can invoke this method manually, if you need to mimic chart's wheel behavior over other elements of the chart.

has(

key: Key

)

Returns boolean

Inherited from Settings

Returns true if the setting exists.

Click here for more info

height()

Returns number

Inherited from Sprite

Returns height of this element in pixels.

hide(

duration?: undefined | number

)

Returns Promise

Inherited from Sprite

Hides the element and returns a Promise which completes when all hiding animations are finished.

series.hide().then(function(ev) {
  console.log("Series finished hiding");
})

series.hide().then(function(ev) {
  console.log("Series finished hiding");
})

hideTooltip()

Returns void

Inherited from Sprite

Hides element's Tooltip.

hover()

Returns void

Inherited from Sprite

Simulate hover over element.

innerHeight()

Returns number

Inherited from Container

Returns container's inner height (height without padding) in pixels.

innerWidth()

Returns number

Inherited from Container

Returns container's inner width (width without padding) in pixels.

isDisposed()

Returns boolean

Inherited from Settings

Returns true if this element is disposed.

isDragging()

Returns boolean

Inherited from Sprite

Returns true if this element is currently being dragged.

isFocus()

Returns boolean

Inherited from Sprite

Returns true if this element does currently have focus.

isHidden()

Returns boolean

Inherited from Sprite

Returns true if this element is currently hidden.

isHiding()

Returns boolean

Inherited from Sprite

Returns true if this element is currently animating to a hidden state.

isHover()

Returns boolean

Inherited from Sprite

Returns true if this element is currently hovered by a pointer.

isShowing()

Returns boolean

Inherited from Sprite

Returns true if this element is currently animating to a default state.

isType(

type: string

)

Returns this

Inherited from Entity

Checks if element is of certain class (or inherits one).

isVisible()

Returns boolean

Inherited from Sprite

Returns false if if either public or private setting visible is set to false, or forceHidden is set to true.

isVisibleDeep()

Returns boolean

Inherited from Sprite

Same as isVisible(), except it checks all ascendants, too.

@since 5.2.7

markDirtyKey(

key: Key

)

Returns void

Inherited from Sprite

Marks some setting as dirty. Could be used to trigger adapter.

maxHeight()

Returns number

Inherited from Sprite

Returns maximum allowed height of this element in pixels.

maxWidth()

Returns number

Inherited from Sprite

Returns maximum allowed width of this element in pixels.

new(

root: Root,
settings: ITSettings,
template?: Template

)

Static

Returns T

Inherited from Entity

Use this method to create an instance of this class.

Click here for more info

off(

key: Key,
callback?: undefined | ( value: [""], target: this, key: Key) => void

)

Returns void

Inherited from Settings

Removes a callback for when value of a setting changes.

Click here for more info
@since 5.9.2

offPrivate(

key: Key,
callback?: undefined | ( value: [""], target: this, key: Key) => void

)

Returns void

Inherited from Settings

Removes a callback for when value of a private setting changes.

Click here for more info
@since 5.9.2

on(

key: Key,
callback: ( value: [""], target: this, key: Key) => void

)

Returns IDisposer

Inherited from Settings

Sets a callback function to invoke when specific key of settings changes or is set.

Click here for more info

onPrivate(

key: Key,
callback: ( value: [""], target: this, key: Key) => void

)

Returns IDisposer

Inherited from Settings

Sets a callback function to invoke when specific key of private settings changes or is set.

Click here for more info

remove(

key: Key

)

Returns void

Inherited from Entity

Removes a setting value for the specified key.

Click here for more info

removeAll()

Returns void

Inherited from Settings

Removes all keys;

Click here for more info

scrollToChild(

child: Sprite

)

Returns void

Inherited from Container

If scrolling is enabled on the Container (by adding verticalScrollbar) the Container will scroll in such way so that target element becomes visible if its currently outside of view.

@since 5.10.5

set(

key: Key,
value: Value

)

Returns Value

Inherited from Entity

Sets a setting value for the specified key, and returns the same value.

Click here for more info

setAll(

settings: Partial

)

Returns void

Inherited from Settings

Sets multiple settings at once.

settings must be an object with key: value pairs.

Click here for more info

setTimeout(

fn: () => void,
delay: number

)

Returns IDisposer

Inherited from Entity

Creates and returns a "disposable" timeout.

show(

duration?: undefined | number

)

Returns Promise

Inherited from Sprite

Shows currently hidden element and returns a Promise which completes when all showing animations are finished.

series.show().then(function(ev) {
  console.log("Series is now fully visible");
})

series.show().then(function(ev) {
  console.log("Series is now fully visible");
})

showTooltip(

point?: IPoint

)

Returns void

Inherited from Sprite

Shows element's Tooltip.

toBack()

Returns void

Inherited from Sprite

Moves sprite to the beginning of the parent's children array.

Depending on layout setting of the parten container, it may effect the positioning or overlapping order of the elements.

toFront()

Returns void

Inherited from Sprite

Moves sprite to the end of the parent's children array.

Depending on layout setting of the parten container, it may effect the positioning or overlapping order of the elements.

toGlobal(

point: IPoint

)

Returns IPoint

Inherited from Sprite

Converts X/Y coordinate within this element to a global coordinate.

toLocal(

point: IPoint

)

Returns IPoint

Inherited from Sprite

Converts global X/Y coordinate to a coordinate within this element.

unhover()

Returns void

Inherited from Sprite

Simulate unhover over element.

width()

Returns number

Inherited from Sprite

Returns width of this element in pixels.

x()

Returns number

Inherited from Sprite

Returns element's actual X position in pixels.

y()

Returns number

Inherited from Sprite

Returns element's actual Y position in pixels.

zoomOut()

Returns void

Inherited from XYChart

Fully zooms out the chart.

There are 57 inherited items currently hidden from this list.

Events

Add event handlers to RadarChart object using its events.on() method.

Read about adding event handlers.

#blur	Param { originalEvent: `FocusEvent`, target: `Sprite`, type: `"blur"`, target: `this` } Inherited from `XYChart` Invoked when element loses focus.
#boundschanged	Param { type: `"boundschanged"`, target: `this` } Inherited from `XYChart` Invoked when element's bounds change due to any manipulation to it.
#click	Param { type: `"click"`, target: `this` } Inherited from `XYChart` Invoked when element is clicked or tapped.
#dataitemchanged	Param { newDataItem: `DataItem` \| `undefined`, oldDataItem: `DataItem` \| `undefined`, type: `"dataitemchanged"`, target: `this` } Inherited from `XYChart` Invoked when element's data item changes.
#dblclick	Param { type: `"dblclick"`, target: `this` } Inherited from `XYChart` Invoked when element is doubleclicked or tapped twice quickly.
#dragged	Param { type: `"dragged"`, target: `this` } Inherited from `XYChart` Invoked when element ois being dragged.
#dragstart	Param { type: `"dragstart"`, target: `this` } Inherited from `XYChart` Invoked when element dragging starts.
#dragstop	Param { type: `"dragstop"`, target: `this` } Inherited from `XYChart` Invoked when element dragging stops.
#focus	Param { originalEvent: `FocusEvent`, target: `Sprite`, type: `"focus"`, target: `this` } Inherited from `XYChart` Invoked when element gains focus.
#globalpointermove	Param { type: `"globalpointermove"`, target: `this` } Inherited from `XYChart` Invoked when pointer is moving anywhere in the window, even outside of the element or even chart area.
#globalpointerup	Param { type: `"globalpointerup"`, target: `this` } Inherited from `XYChart` Invoked when pointer button is released or touch stops in the window, even outside of the element or even chart area.
#middleclick	Param { type: `"middleclick"`, target: `this` } Inherited from `XYChart` Invoked when element is clicked with the middle mouse button.
#pancancelled	Param { originalEvent: `IPointerEvent`, type: `"pancancelled"`, target: `this` } Inherited from `XYChart` Invoked if pointer is pressed down on a chart and released without moving. `panended` event will still kick in after that. @since 5.2.19
#panended	Param { originalEvent: `IPointerEvent`, type: `"panended"`, target: `this` } Inherited from `XYChart` Invoked when panning ends. @since 5.0.4
#panstarted	Param { originalEvent: `IPointerEvent`, type: `"panstarted"`, target: `this` } Inherited from `XYChart` Invoked when panning starts. @since 5.0.4
#pointerdown	Param { type: `"pointerdown"`, target: `this` } Inherited from `XYChart` Invoked when pointer button is pressed or touch starts over the element.
#pointerout	Param { type: `"pointerout"`, target: `this` } Inherited from `XYChart` Invoked when pointer moves outside the element.
#pointerover	Param { type: `"pointerover"`, target: `this` } Inherited from `XYChart` Invoked when pointer moves over the element.
#pointerup	Param { type: `"pointerup"`, target: `this` } Inherited from `XYChart` Invoked when pointer button is released or touch stops over the element.
#positionchanged	Param { type: `"positionchanged"`, target: `this` } Inherited from `XYChart` Invoked when element's position (X/Y) changes.
#rightclick	Param { type: `"rightclick"`, target: `this` } Inherited from `XYChart` Invoked when element is clicked width the right mouse button.
#wheel	Param { originalEvent: `WheelEvent`, point: `IPoint`, type: `"wheel"`, target: `this` } Inherited from `XYChart` Invoked when mouse wheel is spinned while pointer is over the element.
#wheelended	Param { type: `"wheelended"`, target: `this` } Inherited from `XYChart` Invoked when wheel caused zoom ends. @since 5.0.4
There are 23 inherited items currently hidden from this list.