Skip to main content

TopList

TopListProps

extends
NameTypeDefaultDescription
labelAccessor

Accessor for the text rendered inside each bar.

valueAccessor

Accessor for the numerical value that determines bar width.

categoryAccessor

Accessor for the unique category key per bar.

categoryFormatter?

Formats the y-axis tick labels. Receives the raw category string and the full data record.

valueFormatter?
| <, >

Formats numerical values shown in tooltips.

comparator?
(a: , b: ) =>

Custom comparator function for sorting data items. When omitted, data is sorted by value in descending order.

seriesIdAccessor?

Accessor for the field that groups bars into series. Provide this only when your data contains multiple series. When omitted, all bars are treated as a single series.

seriesNameAccessor?
'Series'

Accessor for the series display name field shown in tooltips. Only affects the legend when seriesIdAccessor is also provided.

children?

Slot children forwarded to the internal XYChart.

TopList.ColorRule

TopList.ColorRule provides a slot to apply conditional coloring to bars based on their datapoint values.

ColorRuleProps

Signature:

export declare type ColorRuleProps = { valueAccessor?: ; comparator: ; matchValue: ; } & ;
Still have questions?
Find answers in the Dynatrace Community