PivotChartDataLabel API in React Pivot Table API component

Allow options to customize the pie, funnel, doughnut and pyramid chart data label connector.

Properties

angle

number

Allows to specify the rotation angle to data label.

Defaults to 0

border

PivotChartBorderModel

Allows to set the border to data labels.

connectorStyle

PivotChartConnectorStyleModel

Allows custom connector of the pie, funnel, pyramid and doughnut chart data label.

Defaults to null

enableRotation

boolean

Allows to set whether rotation to data label is enable or not.

Defaults to false

fill

string

Allows to set the background color of the data label accepts value in hex and rgba as a valid CSS color string.

Defaults to ‘transparent’

font

PivotChartFontModel

Allows to customize the font of data labels.

position

AccumulationLabelPosition

Allows to specify the position of the data label. They are,

• Outside: Positions the label outside the point.
• Inside: Positions the label on top of the point.

Defaults to ‘Outside’

rx

number

Allows to set the roundedCornerX for the data label. It requires border values not to be null.

Defaults to 5

ry

number

Allows to set the roundedCornerY for the data label. It requires border values not to be null.

Defaults to 5

template

string

Allows custom template to show the data label. Use ${point.x} and ${point.y} as a placeholder text to display the corresponding data point.

Defaults to null

visible

boolean

Allows to set the visibility of data label to the series renders.

Defaults to true