Line Chart
Trend visualization with smooth curves and area fill.
Basic
Simple line chart with categories
razor
<LineChart Categories="months"
Series="series"
Height="350px" />
@code {
private List<ChartSeries> series = new()
{
new() { Name = "Admissions", Data = new() { 120, 132, 101, 134, 90, 230 } }
};
}Smooth with area
Smooth interpolation and gradient area fill
razor
<LineChart Categories="months"
Series="series"
Smooth="true"
ShowArea="true"
Height="350px" />With zoom
EnableZoom="true" for detailed exploration
razor
<LineChart Categories="months"
Series="series"
Smooth="true"
EnableZoom="true"
Height="400px" />