Status Bar Components
LogStatus accepts objects with a type directly, and the status bar renders them as components such as KPI cards, charts and tabs. Components are for display only; use status bar buttons for interaction.
The table lists all components; tables and buttons can be placed next to them.
| Component | Use |
|---|---|
grid | Grid layout that drops columns with the container width |
tabs | Tabs |
kpi | KPI card |
stat | Key-value list |
progress | Progress bar |
gauge | Gauge |
sparkline | Sparkline |
chart | Line, bar and area charts with a right axis and buy/sell marks |
heatmap | Heatmap |
calendar | Return calendar |
histogram | Histogram |
pie | Pie chart |
timeline | Timeline |
markdown | Markdown text |
alert | Alert |
badge | Badges |
LogStatus-table | Table (type is table) with column formats and up/down colors |
LogStatus-btnTypeTwo | Button (type is button); the strategy reads clicks with GetCommand |
Common fields
Every component accepts the following fields, written the same way.
| Field | Description |
|---|---|
id | Stable identifier. Set it when the number or order of components changes, so refreshes do not rebuild the component (tabs keep their selection, charts do not flicker) |
span | Columns spanned in the enclosing grid, default 1 |
color | up and down colors (following the page's up/down color setting; FMZ defaults to green for up and red for down), primary theme color, warning color, muted secondary text color; other values are ignored |
format | Number format: precision decimal places; compact: true for compact notation (12.3K); percent: true shows a ratio as a percentage (0.12 shows 12%). Without it up to 8 decimals are kept, with digit grouping by page language |
Texts such as title, label and text support the [trans] bilingual tag like status bar text. Colors follow the page's light or dark theme. A malformed component (missing required field, unknown type, over a limit) shows an error card only in its own place, naming the faulty field and showing the first 200 characters of its JSON; the other components render as usual.
In this sectionRead the whole section
| Name | Description |
| grid | Arranges components in columns and drops columns automatically when the container gets narrow. |
| tabs | Groups components into tabs; the selected tab is kept when the status bar refreshes. |
| kpi | Shows one prominent number with optional unit, change and hint, for equity, returns or the last price. |
| stat | Lists label and value pairs, for details such as balances, frozen funds, leverage or liquidation price. |
| progress | Shows a ratio, or current value / total, as a bar. |
| gauge | Shows where a value sits in a range on a half-circle dial, with optional threshold colors; for RSI, exposure or risk. |
| sparkline | Shows a number with a small trend line, colored by the first-to-last change by default. |
| chart | Draws line, bar or area charts with several series, a right axis and buy/sell marks; use Chart for more options. |
| heatmap | Shades a 2D grid by value, for returns by period and symbol or correlation matrices. |
| calendar | Shows returns as daily heat cells (like a contribution graph) or as a year × month table. |
| histogram | Bins raw data automatically and shows the counts with sample size, mean, median and share of positive values. |
| pie | Shows the share of each part in the total; a donut by default with the total in the center. |
| timeline | Lists events in order, for fills, trading signals or risk events. |
| markdown | Renders Markdown text with headings, lists, bold and tables, for strategy notes and market commentary. |
| alert | Shows an info, success, warning or error message with an icon, for risk and error notices. |
| badge | Shows small labels with a dot inline, so they can follow a line of text. |