Type class
Draws a label on a circular axis.
Click here for more info
Sources
AxisLabelRadial can be used (imported) via one of the following packages.
// Import AxisLabelRadial import * as am5xy from "@amcharts/amcharts5/xy"; // Create AxisLabelRadial am5xy.AxisLabelRadial.new(root, { // ... config if applicable });
<!-- Load AxisLabelRadial --> <script src="xy.js"></script> <script> // Create AxisLabelRadial am5xy.AxisLabelRadial.new(root, { // ... config if applicable }); </script>
Inheritance
AxisLabelRadial extends RadialLabel
.
AxisLabelRadial is not extended by any other symbol.
Settings
Set these settings on a AxisLabelRadial object using its set()
and setAll()
methods.
Read about settings concept.
active # |
Type Inherited from Indicates if element is currently active. |
---|---|
background # |
Type Inherited from Background element. Click here for more info |
baseRadius # |
Type Default Inherited from Radius of the label's position. Can be either set in absolute pixel value, or percent. Relative value, depending on the situation, will most often mean its position within certain circular object, like a slice: 0% meaning inner edge, and 100% - the outer edge. |
baselineRatio # |
Type Default Inherited from How mouch of the height should be considered to go below baseline. |
blur # |
Type Inherited from Apply blur filter. Ranges of values in pixels: IMPORTANT: This setting is not supported in Safari browsers. Click here for more info |
breakWords # |
Type Default Inherited from Whether words can be broken when truncating or wrapping text. |
brightness # |
Type Inherited from Modifty visual brightness. Range of values: IMPORTANT: This setting is not supported in Safari browsers. Click here for more info |
centerX # |
Type Inherited from X coordinate of the center of the element relative to itself. Center coordinates will affect placement as well as rotation pivot point. |
centerY # |
Type Inherited from Y coordinate of the center of the element relative to itself. Center coordinates will affect placement as well as rotation pivot point. |
contrast # |
Type Inherited from Modify contrast. Range of values: IMPORTANT: This setting is not supported in Safari browsers. Click here for more info |
crisp # |
Type Default Inherited from If set to It will round x/y position so it is positioned fine "on pixel". It will also adjust 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 |
cursorOverStyle # |
Type Inherited from A named mouse cursor style to show when hovering this element. Click here for more info |
dateFormatter # |
Type Inherited from An instance of Click here for more info |
direction # |
Type Default Inherited from Text direction. |
disabled # |
Type Inherited from Indicates if element is disabled. |
draggable # |
Type Inherited from If set to |
durationFormatter # |
Type Inherited from An instance of Click here for more info |
dx # |
Type Inherited from Horizontal shift in pixels. Can be negative to shift leftward. |
dy # |
Type Inherited from Vertical shift in pixels. Can be negative to shift upward. |
ellipsis # |
Type Default Inherited from Ellipsis characters to use when truncating text. Will use Unicode ellipsis symbol ( label.set("ellipsis", "..."); label.set("ellipsis", "..."); |
exportable # |
Type Inherited from If set to |
fill # |
Type Inherited from Text color. |
fillGradient # |
Type Inherited from Fill gradient. Click here for more information |
fillOpacity # |
Type Default Inherited from Text opacity. @ince 5.2.39 |
fontFamily # |
Type Inherited from Font family to use for the label. Multiple fonts can be separated by commas. |
fontSize # |
Type Inherited from Font size in misc any supported CSS format (pixel, point, em, etc.). |
fontStyle # |
Type Inherited from Font style. |
fontVariant # |
Type Inherited from Font variant. |
fontWeight # |
Type Inherited from Font weight. |
forceHidden # |
Type Inherited from If set to |
forceInactive # |
Type Inherited from If set to @since 5.0.21 |
height # |
Type Inherited from Element's absolute height in pixels (numeric value) or relative height to parent ( |
html # |
Type Inherited from HTML content of the container. Click here for more info |
hue # |
Type Inherited from Rotate HUE colors in degrees. Range of values: IMPORTANT: This setting is not supported in Safari browsers. Click here for more info |
id # |
Type Inherited from A custom string ID for the element. If set, element can be looked up via Will raise error if an element with the same ID already exists. |
ignoreFormatting # |
Type Default Inherited from If set to |
inside # |
Type Default Inherited from Should label be drawn inside ( |
interactive # |
Type Inherited from Should this element accept user interaction events? |
interactiveChildren # |
Type Inherited from If set to |
invert # |
Type Inherited from Invert colors. Range of values: IMPORTANT: This setting is not supported in Safari browsers. Click here for more info |
isMeasured # |
Type Inherited from If set to |
kerning # |
Type Default Inherited from Extra spacing between characters, in pixels. |
labelAngle # |
Type Inherited from Label anngle in degrees. In most cases it will be set by the chart/series and does not need to be set manually. |
layer # |
Type Inherited from 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 Inherited from Margins for the layer. Can be used to make the layer larger/or smaller than default chart size. @since @5.2.39 |
layout # |
Type Inherited from A method to layout Click here for more info |
lineHeight # |
Type Inherited from Line height in percent or absolute pixels. |
location # |
Type Relative location of the label within the cell. |
marginBottom # |
Type Inherited from Bottom margin in pixels. |
marginLeft # |
Type Inherited from Left margin in pixels. |
marginRight # |
Type Inherited from Right margin in pixels. |
marginTop # |
Type Inherited from Top margin in pixels. |
mask # |
Type Inherited from An element to use as a container's mask (clipping region). Click here for more info |
maskContent # |
Type Inherited from If set to |
maxChars # |
Type Inherited from Maximum number of characters to allow in label. If the @since 5.7.2 |
maxHeight # |
Type Inherited from Maximum allowed height in pixels. |
maxPosition # |
Type Default The maximum relative position within visible axis scope the label can appear on. E.g. |
maxWidth # |
Type Inherited from Maximum allowed width in pixels. |
minHeight # |
Type Inherited from Minimum allowed height in pixels. |
minPosition # |
Type Default The minimum relative position within visible axis scope the label can appear on. E.g. |
minScale # |
Type Inherited from Minimum relative scale allowed for label when scaling down when If fitting the label would require it to scale beyond |
minWidth # |
Type Inherited from Minimum allowed width in pixels. |
multiLocation # |
Type Relative location of the label within the cell when it spans multiple intervals. |
numberFormatter # |
Type Inherited from An instance of Click here for more info |
opacity # |
Type Inherited from Opacity of the label. 0 - fully transparent; 1 - fully opaque. |
orientation # |
Type Default Inherited from Should the text "face" inward or outward from the arc the text is following. Only applies if |
oversizedBehavior # |
Type Inherited from How to handle labels that do not fit into its designated space. LIMITATIONS: on circular labels, the only values supported are Click here for more info |
paddingBottom # |
Type Inherited from Bottom padding in pixels. |
paddingLeft # |
Type Inherited from Left padding in pixels. |
paddingRight # |
Type Inherited from Right padding in pixels. |
paddingTop # |
Type Inherited from Top padding in pixels. |
populateText # |
Type Inherited from If set to Click here for more info |
position # |
Type Inherited from Positioning of the element. |
radius # |
Type Inherited from Pixel value to adjust radius with. Will add to (or subtract from if negative) whatever value |
reverseChildren # |
Type Inherited from If set to @since 5.1.1 |
rotation # |
Type Inherited from Rotation in degrees. |
saturate # |
Type Inherited from Modify saturation. Range of values in pixels:
Click here for more info |
scale # |
Type Inherited from Scale. Setting to a value less than 1 will shrink object. |
sepia # |
Type Inherited from Apply sepia filter. Range of values: IMPORTANT: This setting is not supported in Safari browsers. Click here for more info |
setStateOnChildren # |
Type Inherited from If set to Click here for more info |
shadowBlur # |
Type Inherited from Blurriness of the the shadow. The bigger the number, the more blurry shadow will be. Click here for more info |
shadowColor # |
Type Inherited from Color of the element's shadow. For this to work at least one of the following needs to be set as well:
Click here for more info |
shadowOffsetX # |
Type Inherited from Horizontal shadow offset in pixels. Click here for more info |
shadowOffsetY # |
Type Inherited from Vertical shadow offset in pixels. Click here for more info |
shadowOpacity # |
Type Inherited from Opacity of the shadow (0-1). If not set, will use the same as Click here for more info |
showTooltipOn # |
Type Default Inherited from Defines when tooltip is shown over the element. Available options:
Click here for more info |
stateAnimationDuration # |
Type Inherited from Duration of transition from one state to another. |
stateAnimationEasing # |
Type Inherited from Easing of transition from one state to another. |
templateField # |
Type Inherited from Allows binding element's settings to data. Click here for more info |
text # |
Type Inherited from Labels' text. Click here for text styling info
|
textAlign # |
Type Inherited from Alignment. |
textBaseline # |
Type Inherited from A base line to use when aligning text chunks vertically. |
textDecoration # |
Type Inherited from Text decoration. Supported options @since 5.0.15 |
textType # |
Type Default Inherited from Label type.
|
themeTags # |
Type Inherited from Tags which can be used by the theme rules. Click here for more info |
themeTagsSelf # |
Type Inherited from 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 Inherited from A list of themes applied to the element. |
toggleKey # |
Type Inherited from If set, element will toggle specified boolean setting between |
tooltip # |
Type Inherited from
|
tooltipHTML # |
Type Inherited from HTML content to show in a tooltip when hovered. @since 5.2.11 |
tooltipPosition # |
Type Inherited from Tooltip position. |
tooltipText # |
Type Inherited from Text to show in a tooltip when hovered. |
tooltipX # |
Type Inherited from Tooltip pointer X coordinate relative to the element itself. |
tooltipY # |
Type Inherited from Tooltip pointer Y coordinate relative to the element itself. |
userData # |
Type Inherited from A storage for any custom user data that needs to be associated with the element. |
verticalScrollbar # |
Type Inherited from Setting this to an instance of Click here for more info |
visible # |
Type Inherited from Is element visible? |
wheelable # |
Type Inherited from If set to |
width # |
Type Inherited from Element's absolute width in pixels (numeric value) or relative width to parent ( |
x # |
Type Inherited from X position relative to parent. |
y # |
Type Inherited from Y position relative to parent. |
There are 107 inherited items currently hidden from this list. |
Private settings
These are read-only settings accessible from a AxisLabelRadial object using its getPrivate()
method.
Read about private settings.
focusable # |
Read only
Type Inherited from If set to @since 5.3.16 |
---|---|
htmlElement # |
Read only
Type Inherited from A |
showingTooltip # |
Read only
Type Inherited from Is element currently showing a tooltip? |
tooltipTarget # |
Read only
Type Inherited from An element tooltip should inherit its colors from. |
trustBounds # |
Read only
Type Inherited from If set to This helps to solve ghost tooltips problem that sometimes appear while moving the pointer over interactive objects. This is set to @since 5.5.0 |
There are 5 inherited items currently hidden from this list. |
Properties
adapters # |
Type Default Inherited from |
---|---|
children # |
Type Default Inherited from List of Container's child elements. |
className # |
Static
Type Default |
classNames # |
Static
Type Default |
dataItem # |
Type Inherited from A 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 Default Inherited from If this is set to |
events # |
Inherited from |
parent # |
Type Inherited from Parent |
root # |
Type Inherited from An instance of @readonly |
states # |
Type Default Inherited from |
template # |
Type Inherited from @todo needs description |
uid # |
Type Default Inherited from Unique ID. |
There are 10 inherited items currently hidden from this list. |
Methods
allChildren() |
Returns Inherited from |
---|---|
animate( options: ) |
Returns Inherited from Animates setting values from current/start values to new ones. Click here for more info |
appear( duration?: ) |
Returns Inherited from Plays initial reveal animation regardless if element is currently hidden or visible. |
baseRadius() |
Returns Inherited from Returns base radius in pixels. |
compositeOpacity() |
Returns Inherited from Returns an actual opacity of the element, taking into account all parents. @since 5.2.11 |
compositeRotation() |
Returns Inherited from Returns an actual roation of the element, taking into account all parents. @since 5.9.2 |
compositeScale() |
Returns Inherited from Returns an actual scale of the element, taking into account all parents. @since 5.9.2 |
depth() |
Returns Inherited from Returns depth (how deep in the hierachy of the content tree) of this element. |
dispose() |
Returns Inherited from Disposes this object. |
eachChildren( f: ( child: ) |
Returns Inherited from |
get( key: ) |
Returns Inherited from Returns settings value for the specified If there is no value, Click here for more info |
getAccessibleText() |
Returns Inherited from Returns "aria-label" text with populated placeholders and formatting if |
getDateFormatter() |
Returns Inherited from Returns an instance of If this element does not have it set, global one form Click here for more info |
getDurationFormatter() |
Returns Inherited from Returns an instance of If this element does not have it set, global one form Click here for more info |
getNumberFormatter() |
Returns Inherited from Returns an instance of If this element does not have it set, global one form Click here for more info |
getText() |
Returns Inherited from Returns text with populated placeholders and formatting if |
getTooltip() |
Returns Inherited from Returns |
has( key: ) |
Returns Inherited from Returns Click here for more info |
height() |
Returns Inherited from Returns height of this element in pixels. |
hide( duration?: ) |
Returns Inherited from Hides the element and returns a series.hide().then(function(ev) { console.log("Series finished hiding"); }) series.hide().then(function(ev) { console.log("Series finished hiding"); }) |
hideTooltip() |
Returns Inherited from Hides element's |
hover() |
Returns Inherited from Simulate hover over element. |
innerHeight() |
Returns Inherited from Returns container's inner height (height without padding) in pixels. |
innerWidth() |
Returns Inherited from Returns container's inner width (width without padding) in pixels. |
isDisposed() |
Returns Inherited from Returns |
isDragging() |
Returns Inherited from Returns |
isFocus() |
Returns Inherited from Returns |
isHidden() |
Returns Inherited from Returns |
isHiding() |
Returns Inherited from Returns |
isHover() |
Returns Inherited from Returns |
isShowing() |
Returns Inherited from Returns |
isType( type: ) |
Returns Inherited from Checks if element is of certain class (or inherits one). |
isVisible() |
Returns Inherited from Returns |
isVisibleDeep() |
Returns Inherited from Same as @since 5.2.7 |
markDirtyKey( key: ) |
Returns Inherited from Marks some setting as dirty. Could be used to trigger adapter. |
maxHeight() |
Returns Inherited from Returns maximum allowed height of this element in pixels. |
maxWidth() |
Returns Inherited from Returns maximum allowed width of this element in pixels. |
new( root: ) |
Static Returns Inherited from Use this method to create an instance of this class. Click here for more info |
off( key: ) |
Returns Inherited from Removes a callback for when value of a setting changes. Click here for more info |
offPrivate( key: ) |
Returns Inherited from Removes a callback for when value of a private setting changes. Click here for more info |
on( key: ) |
Returns Inherited from Sets a callback function to invoke when specific key of settings changes or is set. Click here for more info |
onPrivate( key: ) |
Returns Inherited from Sets a callback function to invoke when specific key of private settings changes or is set. Click here for more info |
radius() |
Returns Inherited from Returns radius adjustment in pixels. |
remove( key: ) |
Returns Inherited from Removes a setting value for the specified Click here for more info |
removeAll() |
Returns Inherited from Removes all keys; Click here for more info |
scrollToChild( child: ) |
Returns Inherited from If scrolling is enabled on the Container (by adding @since 5.10.5 |
set( key: ) |
Returns Inherited from Sets a setting Click here for more info |
setAll( settings: ) |
Returns Inherited from Sets multiple settings at once. Click here for more info |
setTimeout( fn: () => ) |
Returns Inherited from Creates and returns a "disposable" timeout. |
show( duration?: ) |
Returns Inherited from Shows currently hidden element and returns a 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?: ) |
Returns Inherited from Shows element's |
toBack() |
Returns Inherited from Moves sprite to the beginning of the parent's children array. Depending on |
toFront() |
Returns Inherited from Moves sprite to the end of the parent's children array. Depending on |
toGlobal( point: ) |
Returns Inherited from Converts X/Y coordinate within this element to a global coordinate. |
toLocal( point: ) |
Returns Inherited from Converts global X/Y coordinate to a coordinate within this element. |
unhover() |
Returns Inherited from Simulate unhover over element. |
width() |
Returns Inherited from Returns width of this element in pixels. |
x() |
Returns Inherited from Returns element's actual X position in pixels. |
y() |
Returns Inherited from Returns element's actual Y position in pixels. |
There are 59 inherited items currently hidden from this list. |
Events
Add event handlers to AxisLabelRadial object using its events.on()
method.
Read about adding event handlers.
#blur |
Param { originalEvent: Inherited from Invoked when element loses focus. |
---|---|
#boundschanged |
Param { type: Inherited from Invoked when element's bounds change due to any manipulation to it. |
#click |
Param { type: Inherited from Invoked when element is clicked or tapped. |
#dataitemchanged |
Param { newDataItem: Inherited from Invoked when element's data item changes. |
#dblclick |
Param { type: Inherited from Invoked when element is doubleclicked or tapped twice quickly. |
#dragged |
Param { type: Inherited from Invoked when element ois being dragged. |
#dragstart |
Param { type: Inherited from Invoked when element dragging starts. |
#dragstop |
Param { type: Inherited from Invoked when element dragging stops. |
#focus |
Param { originalEvent: Inherited from Invoked when element gains focus. |
#globalpointermove |
Param { type: Inherited from Invoked when pointer is moving anywhere in the window, even outside of the element or even chart area. |
#globalpointerup |
Param { type: Inherited from Invoked when pointer button is released or touch stops in the window, even outside of the element or even chart area. |
#middleclick |
Param { type: Inherited from Invoked when element is clicked with the middle mouse button. |
#pointerdown |
Param { type: Inherited from Invoked when pointer button is pressed or touch starts over the element. |
#pointerout |
Param { type: Inherited from Invoked when pointer moves outside the element. |
#pointerover |
Param { type: Inherited from Invoked when pointer moves over the element. |
#pointerup |
Param { type: Inherited from Invoked when pointer button is released or touch stops over the element. |
#positionchanged |
Param { type: Inherited from Invoked when element's position (X/Y) changes. |
#rightclick |
Param { type: Inherited from Invoked when element is clicked width the right mouse button. |
#wheel |
Param { originalEvent: Inherited from Invoked when mouse wheel is spinned while pointer is over the element. |
There are 19 inherited items currently hidden from this list. |