BPT

Line Chart

BptChartLine

Continuous line chart with optional area-fill, smooth-curve, and point-marker variations. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode, scroll-zoom, and keyboard-accessible via a hidden data table.

Line Chart Parameters
Current Configuration
📋
<BptChartLine Data="@Data"
              Width="640"
              Height="360"
              XAxisLabel="Month"
              YAxisLabel="Users"
              Title="Monthly active users"
              OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<BptChartLinePoint> Data = new BptChartLinePoint[]
{
    new("Jan", 1200), new("Feb", 1450), new("Mar", 1380), new("Apr", 1690),
    new("May", 2010), new("Jun", 1870), new("Jul", 2240), new("Aug", 2480)
};

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.