Radzen Blazor Chart with line series
A line chart connects data points with straight segments, making it the clearest way to show a trend over time or any ordered sequence.
Overview linkLink to this section
A full year of weekly revenue across two business lines - real seasonality with a summer slowdown and a Black Friday spike - drawn with smooth lines, a shared tooltip with an axis crosshair and a currency-formatted value axis.
Basic line linkLink to this section
Bind a collection and set CategoryProperty and ValueProperty. Each point is connected with a straight segment in order.
Markers linkLink to this section
Add RadzenMarkers to mark each data point. Set MarkerType to Circle, Square, Triangle or Diamond and tune the Size.
Multiple series linkLink to this section
Add more than one RadzenLineSeries to compare trends side by side, and place a RadzenLegend to tell them apart.
Line styles linkLink to this section
Set LineType to Solid, Dashed or Dotted and adjust StrokeWidth to distinguish actual, target and forecast lines.
Data labels linkLink to this section
Add RadzenSeriesDataLabels to print values next to each point. Use a Formatter to format them and Step to label every Nth point.
Custom colors linkLink to this section
Set the Stroke of each series (and the marker Fill) to apply your own palette instead of the theme colors.
Tooltip and crosshair linkLink to this section
Set RadzenChartTooltipOptions Shared to show every series at the hovered category, add a RadzenAxisCrosshair for an aligned guide and RadzenGridLines for easier reading.
Interactive configuration linkLink to this section
Combine the settings above and see how they interact - smooth lines, markers, data labels, shared tooltip and tick placement.
Frequently asked questions
When should I use a line chart?
When the trend matters most - how a value moves over time, or across an ordered scale - especially when comparing several series at once. If magnitude or volume is the point, an area chart fills the space beneath the line to emphasize it.
What data does a line chart need?
A category or date on one axis and a numeric value on the other, mapped through the CategoryProperty and ValueProperty of the line series.
Can I smooth the line or make it step?
Yes. Set interpolation to spline for a smooth curve, or to step to hold each value until the next point. Straight-line interpolation is the default.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT