BitdeerTankPressureCharts
Stacked time-series of dielectric tank pressure for a Bitdeer immersion container.
Stacked time-series of dielectric tank pressure for a Bitdeer immersion container.
import { BitdeerTankPressureCharts } 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
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>)