Leaderboard

The number of rows to be returned. It can be a number between 1 and 1,000

The sort order of the rows. It can be ascending (ASC) or descending (DESC) order. Defaults to descending (DESC) order when not provided.

One or many Dimensions to group the Metric values by. Typically, Dimensions in a leaderboard are what you want to compare and rank.

Indicates specific time zone region

Specify the time range for a time series, counter, or leaderboard Metric query

The metric prop allows you to specify which metric to query. You can query predefined metrics by passing their name or ID as a string, or you can query metrics on-the-fly by passing an inline metric definition to the prop.

Filters that the chart will respond to

(value > 0 AND value <= 100) OR status = "confirmed"

{
  "column": "value",
  "operator": "GREATER_THAN",
  "value": "0",
  "and": [{
    "column": "value",
    "operator": "LESS_THAN_OR_EQUAL_TO",
    "value": "0"
  }],
  "or": [{
    "column": "status",
    "operator": "EQUALS",
    "value": "confirmed"
  }]
}

Access token used for the query. While you can pass this one to each component, we recommend wrapping components in the AccessTokenProvider instead:

Interval in milliseconds for refetching the data

Whether to retry on errors.

This prop allows you to override the URL for Propel’s GraphQL API. You shouldn’t need to set this unless you are testing.

When false, the component will not make any GraphQL requests, default is true.

Whether the table header should remain fixed while scrolling

Stick the values column on the right side of the table

Whether the table shows a value bar. It will not show the value bar if the values are non-numeric.

When true, formats value to locale string

Symbol to be shown before the value text

Symbol to be shown after the value text

Whether the chart should show a value inside the bar

Sets the position of the labels