MinersActivityChart
Per-status miner counts (online / offline / faulted / power-mode). Renders as coloured indicator dots (`indicators`) or tinted status tiles (`tiles`).
Per-status miner counts (online / offline / faulted / power-mode). Renders as coloured indicator dots (indicators) or tinted status tiles (tiles).
import { MinersActivityChart } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
data | Optional | MinersActivityData | — | — |
large | Optional | boolean | — | — |
isLoading | Optional | boolean | — | — |
isError | Optional | boolean | — | — |
error | Optional | MinerActivityChartErrorProp | null | — | — |
showLabel | Optional | boolean | — | — |
isDemoMode | Optional | boolean | — | — |
variant | Optional | MinersActivityVariant | — | `indicators` (default) renders coloured dots; `tiles` renders tinted status tiles. |
Usage
Stacked-area chart of miner-state counts (online / offline / faulted) over the selected time window. Built on Chart.js via react-chartjs-2.
Example
import { MinersActivityChart } from '@tetherto/mdk-react-devkit'export const MinersActivityChartExample = () => ( <div className="mdk-example-row"> <MinersActivityChart data={{ online: [], offline: [], faulted: [] } as never} large={false} isLoading={false} isError={false} error={null} showLabel={true} isDemoMode={true} /> </div>)