MinersActivityChart

Stacked-area chart of miner-state counts (online / offline / faulted) over the selected window.

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`	—	—

Usage

Stacked-area chart of miner-state counts (online / offline / faulted) over the selected time window. Built on Chart.js via react-chartjs-2.

Minimal example

import { MinersActivityChart } from "@tetherto/mdk-react-devkit";

<MinersActivityChart
  data={{ online: [], offline: [], faulted: [] }}
  large={false}
  isLoading={false}
  isError={false}
  error={null}
  showLabel={true}
  isDemoMode={true}
/>

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>)