ContainerCharts

Tabbed chart panel showing per-container hashrate, power, and temperature time series.

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

Prop	Status	Type	Default	Description
`featureEnabled`	Optional	`boolean \| undefined`	`true`	When false, shows an empty state (feature gate).
`disabledMessage`	Optional	`string \| undefined`	—	Message when `featureEnabled` is false
`combinations`	Required	`ContainerChartCombinationOption[]`	—	Options for the combination selector
`isLoadingCombinations`	Optional	`boolean \| undefined`	—	Loading state for combination options
`title`	Optional	`string \| undefined`	—	Section heading
`selectedCombination`	Optional	`string \| null \| undefined`	—	Controlled selected combination value
`defaultSelectedCombination`	Optional	`string \| null \| undefined`	—	Initial selection when uncontrolled
`onSelectedCombinationChange`	Optional	`((value: string \| null) => void) \| undefined`	—	—
`chartRawData`	Optional	`ChartEntry[] \| null \| undefined`	—	Raw overview stats rows passed to chart adapters
`isLoadingCharts`	Optional	`boolean \| undefined`	—	—
`getDatasetBorderColor`	Optional	`ContainerChartsDatasetBorderColorResolver \| undefined`	—	Optional per-dataset line colors after adapters run (e.g. demo or host branding).

Usage

Multi-series time-series chart panel used by container detail views to display temperature, pressure, and power data over configurable time windows. Supports paired-index expansion for dual-tank (Bitdeer) and dual-supply (Bitmain Immersion) container types.

Minimal example

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

<ContainerCharts chartCombinations={[]} data={null} isLoading={false} />

Example

import { ContainerCharts } from '@tetherto/mdk-react-devkit'export const ContainerChartsExample = () => (  <div className="mdk-example-row">    <ContainerCharts combinations={[]} />  </div>)