MarkerSettingsModel API in Vue Chart API component

Interface for a class MarkerSettings

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

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.

height

number

Specifies the height of the marker in pixels.

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.

isFilled

boolean

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

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.

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.

visible

boolean

If set to true, this enables the marker for the series.

width

number

Specifies the width of the marker in pixels.