MarkerSettings API in React Pivot Table API component

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 spcify 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