Search results

PivotChartSeriesMarkerSettings API in Angular Pivot Grid 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

opacity

number

Allows to set the opacity of the marker.

Defaults to 1

shape

ChartShape

Allows to set the different shape of a marker:

  • circle - Renders the marker shaper as circle.
  • rectangle - Renders the marker shaper as rectangle.
  • triangle - Renders the marker shaper as triangle.
  • diamond - Renders the marker shaper as diamond.
  • cross - Renders the marker shaper as cross.
  • horizontalLine - Renders the marker shaper as horizontalLine.
  • verticalLine - Renders the marker shaper as verticalLine.
  • pentagon- Renders the marker shaper as pentagon.
  • invertedTriangle - Renders the marker shaper as invertedTriangle.
  • image - Renders the marker shaper as 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

Allows to set the width of the marker in pixels.

Defaults to 5