Blazor Toolkit

Chart Data Binding

Charts can render data‑driven visualizations from list data collections or from remote endpoints. This sample demonstrates two common binding patterns: direct local data binding and asynchronous remote data retrieval. Each example includes the Chart configuration and the minimal code required to reproduce it.

Local Data Binding

To bind data for the Chart component, you can assign an IEnumerable object to the DataSource property.

Remote Data Binding

Fetch remote JSON using HttpClient.GetFromJsonAsync (or any async fetch), map the payload to the Chart model, then assign it to DataSource so the Chart displays server-driven data.

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 retry or reload the page.