BitMainPowerCharts

Time-series charts of per-phase power, voltage, and current draw for a BitMain container. Displays power consumption for Bitmain containers with distribution…

Time-series charts of per-phase power, voltage, and current draw for a BitMain container.

Displays power consumption for Bitmain containers with distribution boxes. Shows total power and individual power for each distribution box. Automatically calculates total power from the sum of both boxes and formats the display units (kW/MW) based on the power magnitude.

Features: - Total Power - Sky Blue line (sum of both boxes) - Dist. Box 1 Power - Violet line - Dist. Box 2 Power - Red line - Interactive legend for toggling series - Timeline selector (1h, 6h, 24h, 7d, 30d) - Current power consumption display with auto unit (W/kW/MW) - Automatic kW to W conversion for chart display

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

Prop	Status	Type	Default	Description
`tag`	Optional	`string \| undefined`	—	—
`chartDataPayload`	Optional	`ChartDataPayload \| undefined`	—	—
`chartTitle`	Optional	`string \| undefined`	—	—
`dateRange`	Optional	`{ start?: number \| undefined; end?: number \| undefined; } \| undefined`	—	—
`data`	Optional	`UnknownRecord[] \| undefined`	—	—
`timeline`	Optional	`string \| undefined`	—	—
`fixedTimezone`	Optional	`string \| undefined`	—	—
`height`	Optional	`number \| undefined`	—	—
`showLegend`	Optional	`boolean \| undefined`	—	—
`showRangeSelector`	Optional	`boolean \| undefined`	—	—
`rangeOptions`	Optional	`{ label: string; value: string; }[] \| undefined`	—	—
`footer`	Optional	`React.ReactNode`	—	—

Usage

Five time-series chart panels for BitMain hydro and immersion containers:

Component	Description
`BitMainHydroLiquidTemperatureCharts`	Dielectric liquid temperature for a hydro-cooled container.
`BitMainLiquidPressureCharts`	Dielectric liquid pressure across an immersion container.
`BitMainLiquidTempCharts`	Dielectric liquid temperature across an immersion container.
`BitMainPowerCharts`	Per-phase power, voltage, and current draw.
`BitMainSupplyLiquidFlowCharts`	Supply-side coolant flow rates.

All extend ContainerChartsBuilderProps.

Props (all components)

Prop	Type	Required	Default	Description
`tag`	`string`	yes	—	Container identifier used as the API telemetry key.
`data`	`unknown`	yes	—	Raw telemetry payload from the container API.
`timeline`	`string`	no	—	Active time-range selection (e.g. `"24h"`).
`dateRange`	`DateRange`	no	—	Custom date range.
`fixedTimezone`	`string`	no	—	IANA timezone string.
`height`	`number`	no	—	Chart height in pixels.
`chartTitle`	`string`	no	—	Panel heading override.
`pairIndices`	`readonly number[]`	no	—	Series indices for paired-layout containers.

Minimal example

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

<BitMainPowerCharts tag="container-01" data={telemetry} timeline="24h" />

Examples

import { BitMainHydroLiquidTemperatureCharts } from '@tetherto/mdk-react-devkit'export const BitMainHydroLiquidTemperatureChartsExample = () => (  <div className="mdk-example-row">    <BitMainHydroLiquidTemperatureCharts tag="container-01" data={undefined} timeline="24h" />  </div>)

import { BitMainLiquidPressureCharts } from '@tetherto/mdk-react-devkit'export const BitMainLiquidPressureChartsExample = () => (  <div className="mdk-example-row">    <BitMainLiquidPressureCharts tag="container-01" data={undefined} timeline="24h" />  </div>)

import { BitMainLiquidTempCharts } from '@tetherto/mdk-react-devkit'export const BitMainLiquidTempChartsExample = () => (  <div className="mdk-example-row">    <BitMainLiquidTempCharts tag="container-01" data={undefined} timeline="24h" />  </div>)

import { BitMainPowerCharts } from '@tetherto/mdk-react-devkit'export const BitMainPowerChartsExample = () => (  <div className="mdk-example-row">    <BitMainPowerCharts tag="container-01" data={undefined} timeline="24h" />  </div>)

import { BitMainSupplyLiquidFlowCharts } from '@tetherto/mdk-react-devkit'export const BitMainSupplyLiquidFlowChartsExample = () => (  <div className="mdk-example-row">    <BitMainSupplyLiquidFlowCharts tag="container-01" data={undefined} timeline="24h" />  </div>)