Line Chart

IsabyteChartLine

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
Monthly active users
PointValue
Jan1200
Feb1450
Mar1380
Apr1690
May2010
Jun1870
Jul2240
Aug2480
Sep2310
Oct2650
Nov2880
Dec3120
Current Configuration
📋
<IsabyteChartLine Data="@Data"
              Width="640"
              Height="360"
              XAxisLabel="Month"
              YAxisLabel="Users"
              Title="Monthly active users"
              OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<IsabyteChartLinePoint> Data = new IsabyteChartLinePoint[]
{
    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(IsabyteChartElementEvent 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.