AreaChart
CompleteStacked, percent and overlapping areas. Stacked and percent areas are solid so the total and the shares are easy to read.
Example

Parameters
| Parameter | Type | Description |
|---|---|---|
Categories | IEnumerable<string> | Labels along the horizontal axis. |
Class | string | Extra CSS classes added to the root element. |
Height | Double | Maximum height of the grid body, for example 24rem (default 28rem with VirtualScroll). |
IntegerTicks | bool? | Forces whole-number axis steps; by default they are used when every value is whole. |
Label | string | Visible label text (charts: accessible name; IconButton: accessible name and tooltip). |
Mode | AreaMode | |
Series | IEnumerable<ChartSeries> | Data series: ChartSeries(name, values). |
ShowDataLabels | bool | Writes the value on each mark (bars, line points, pie slices). |
ShowExport | bool | Adds buttons that save the chart as a PNG or SVG image. |
ShowGrid | bool | Draws horizontal grid lines. |
ShowLegend | bool | Shows the clickable legend. |
Smooth | bool | Draws curved lines instead of straight segments. |
Style | string | Inline style added to the root element. |
Trend | ChartTrend | None, Linear or MovingAverage line for every shown series. |
TrendPeriod | int | Number of values averaged by the moving average (default 3). |
ValueFormat | string | Number format for axis and tooltips, e.g. N0 or P1. |
Width | Double | Skeleton: any CSS length. Charts: drawing width in SVG units (the chart still scales to its container). |
ZeroBased | bool | Always includes zero on the value axis. |
Zoomable | bool | Adds zoom and pan buttons; the chart shows a window of the categories. |
Package
AreaChart is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.
Send feedbackVersion 1.0.3