MarkerSettings

12 Sep 20251 minute to read

Allows to configure the marker of the series such as shape, width, height, border, position, fill color, opacity, data label etc in the chart

Properties

border PivotChartBorderModel

Allows options for customizing the border of a marker.

dataLabel PivotChartDataLabelSettingsModel

Allows to set the data label for the series.

fill string

Allows to set 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

Allows to set the height of the marker in pixels.

Defaults to 5

imageUrl string

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

Defaults to ’’

offset PivotChartOffsetModel

Allows options for customizing the marker position.

opacity number

Allows to set the opacity of the marker.

Defaults to 1

shape ChartShape

Allows to specify the shape of a marker.They are

  • Circle - Renders a circle.
  • Rectangle - Renders a rectangle.
  • Triangle - Renders a triangle.
  • Diamond - Renders a diamond.
  • Cross - Renders a cross.
  • HorizontalLine - Renders a horizontalLine.
  • VerticalLine - Renders a verticalLine.
  • Pentagon- Renders a pentagon.
  • InvertedTriangle - Renders a invertedTriangle.
  • Image - Renders a image.

Defaults to ‘Circle’

visible boolean

Allows the visibility of the marker for chart series.

This is applicable only for line and area type series.

Defaults to false

width number

Allows to set the width of the marker in pixels.

Defaults to 5