MarkerSettings

23 Sep 20251 minute to read

This class is used to define the appearance and behavior of the series markers.

Properties

allowHighlight boolean

The trackball is enabled by default when the mouse moves but disabling it can be achieved by setting the marker’s allowHighlight property to ‘false’.

Defaults to true

border BorderModel

Options for customizing the border of a marker, including setting the border’s width and color.

dataLabel DataLabelSettingsModel

The dataLabel property can be used to show the data label and customize its position and styling.

fill string

The fill color of the marker, which accepts values in hex and rgba as valid CSS color strings. By default, it takes the series color.

Defaults to null

height number

Specifies the height of the marker in pixels.

Defaults to 5

imageUrl string

The URL for the image to be displayed as a marker. It requires the marker’s shape value to be Image.

Note that the marker’s shape value must be Image for this feature to work.

Defaults to ’’

isFilled boolean

If set to true, the marker will be filled with the series color.

Defaults to false

offset OffsetModel

This property allows for the adjustment of the marker’s position relative to its data point by specifying horizontal and vertical offsets.

opacity number

Sets the opacity level for the marker, which controls its transparency.

Defaults to 1

shape ChartShape

Configures the shape of the marker used in the series.
Available options are:

Circle - Circular shape for the marker.
Rectangle - Rectangular shape for the marker.
Triangle - Triangular shape for the marker.
Diamond - Diamond shape for the marker.
HorizontalLine - Marker as a horizontal line.
VerticalLine - Marker as a vertical line.
Pentagon - Pentagon shape for the marker.
InvertedTriangle - Inverted triangle shape for the marker.
Image - Custom image as the marker.
Star - Star shape fot the marker.