BoxStatsTable

Hidden data table with the summary of every box, violin or cloud.

Import

import { BoxStatsTable } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.

Usage

<BoxStatsTable
  caption="Duración del servicio por barbero"
  labels={labels}
  rows={[
      { name: "Kevin", stats: boxStats(kevin), format: minutes },
      { name: "Diego", stats: boxStats(diego), format: minutes },
      { name: "Andrea", stats: boxStats(andrea), format: minutes },
      { name: "Renzo", stats: null, format: minutes },
    ]}
/>

Props

Prop	Type	Default	Description
caption *	string
labels *	DistributionLabels
rows *	readonly { name: string; stats: BoxStats | null; format: ValueFormatter; }[]

* marks a required prop.

Storybook stories

• Default
• Single Row

Source

packages/ui/src/charts/core/distribution/marks.tsx