TinyBase logoTinyBase β

BindingProps

The BindingProps type describes the props that bind a LineChart component or BarChart component to Cell values in TinyBase data. An x Cell value can be a finite number, string, or boolean. A y Cell value must be a finite number.

{
  xCellId: Id;
  yCellId: Id;
  sortCellId?: Id;
  descending?: boolean;
  offset?: number;
  limit?: number;
}
TypeDescription
xCellIdId

The Id of the Cell that provides each data point's x value. Finite numbers can be used as continuous linear x values in line charts, ISO date strings can be used as time x values, and other strings and booleans are used as category values. Boolean category labels are rendered as true and false.

yCellIdId

The Id of the Cell that provides each data point's y value. Only finite numbers are charted; rows with missing, non-numeric, or non-finite y values are ignored.

sortCellId?Id

The Id of the Cell used to sort the charted rows.

descending?boolean

Whether the charted rows should be sorted in descending order.

offset?number

The number of sorted rows to skip before charting.

limit?number

The maximum number of sorted rows to chart.

Since

v8.5.0