BitMainSupplyLiquidFlowCharts
Time-series charts of supply-side coolant flow rates for a BitMain immersion container. Displays supply liquid flow rate for Bitmain containers in cubic mete…
Time-series charts of supply-side coolant flow rates for a BitMain immersion container.
Displays supply liquid flow rate for Bitmain containers in cubic meters per hour (m³/h).
Features: - Supply Liquid Flow - Sky Blue line - Interactive timeline selector (1h, 6h, 24h, 7d, 30d) - Current flow rate display - Optional legend and range selector
import { BitMainSupplyLiquidFlowCharts } 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>)