BPT

Bar Chart

BptChartBar

Categorical bar chart with optional range-bar variation. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode, scroll-zoom, and keyboard-accessible via a hidden data table.

Bar Chart Parameters
Current Configuration
📋
<BptChartBar Data="@Data"
             Width="640"
             Height="360"
             RenderMode="BptChartRenderMode.D2"
             XAxisLabel="Quarter"
             YAxisLabel="Revenue"
             ShowDataLabels="true"
             Title="Quarterly revenue"
             OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<BptChartBarPoint> Data = new BptChartBarPoint[]
{
    new("Q1", 12), new("Q2", 19), new("Q3", 15), new("Q4", 22)
};

private void HandleClick(BptChartElementEvent e) {
    // Click handler — fires regardless of TooltipMode.
}
}
Related learning

See the Admin Dashboard tutorial for a step-by-step walkthrough.

An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.