BitdeerTankTempCharts
Tank Temperature Charts for Bitdeer containers Displays oil and water temperature readings (hot and cold) for a specific tank. Features: - Tank Oil TempL (Co…
Tank Temperature Charts for Bitdeer containers
Displays oil and water temperature readings (hot and cold) for a specific tank.
Features: - Tank Oil TempL (Cold) - Yellow line (4px) - Tank Oil TempH (Hot) - Violet line - Tank Water TempL (Cold) - Blue line - Tank Water TempH (Hot) - Sky Blue line
import { BitdeerTankTempCharts } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
tankNumber | Optional | string | number | undefined | — | Tank number (1 or 2) |
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
Time-series chart panels for Bitdeer immersion containers. BitdeerTankPressureCharts plots Tank1/Tank2 dielectric pressure (bar). BitdeerTankTempCharts plots oil and water hot/cold temperatures for a selected tank.
Props (both components extend ContainerChartsBuilderProps)
| 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", "7d"). |
dateRange | DateRange | no | — | Custom date range when timeline is "custom". |
fixedTimezone | string | no | — | IANA timezone string for timestamp display. |
height | number | no | — | Chart height in pixels. |
chartTitle | string | no | — | Panel heading override (pressure chart only). |
tankNumber | number | string | no | 1 | Tank index to display (temp chart only). |
Minimal example
import { BitdeerTankPressureCharts, BitdeerTankTempCharts } from "@tetherto/mdk-react-devkit";
<BitdeerTankPressureCharts tag="container-01" data={telemetry} timeline="24h" />
<BitdeerTankTempCharts tag="container-01" tankNumber={1} data={telemetry} timeline="24h" />
Examples
import { BitdeerTankPressureCharts } from '@tetherto/mdk-react-devkit'export const BitdeerTankPressureChartsExample = () => ( <div className="mdk-example-row"> <BitdeerTankPressureCharts tag="container-01" data={undefined} timeline="24h" /> </div>)import { BitdeerTankTempCharts } from '@tetherto/mdk-react-devkit'export const BitdeerTankTempChartsExample = () => ( <div className="mdk-example-row"> <BitdeerTankTempCharts tag="container-01" tankNumber={1} data={undefined} timeline="24h" /> </div>)