MarkerSettings API in JavaScript Chart API control

Configures the marker in the series.

Properties

allowHighlight

boolean

By default trackball will be enabled on mouse move, however it can be disabled by setting false to allowHighlight in marker.

Defaults to true

border

BorderModel

Options for customizing the border of a marker.

dataLabel

DataLabelSettingsModel

The data label for the series.

fill

string

The fill color of the marker that accepts value in hex and rgba as a valid CSS color string. By default, it will take series’ color.

Defaults to null

height

number

The height of the marker in pixels.

Defaults to 5

imageUrl

string

The URL for the Image that is to be displayed as a marker. It requires marker shape value to be an Image.

Defaults to ”

isFilled

boolean

If set true , marker get filled with series color.

Defaults to false

offset

OffsetModel

Options for customizing the marker position.

opacity

number

The opacity of the marker.

Defaults to 1

shape

ChartShape

The different shape of a marker:

• Circle
• Rectangle
• Triangle
• Diamond
• HorizontalLine
• VerticalLine
• Pentagon
• InvertedTriangle
• Image

Defaults to ‘Circle’

visible

boolean

If set to true the marker for series is rendered. This is applicable only for line and area type series.

Defaults to false

width

number

The width of the marker in pixels.

Defaults to 5