Basic Area

sample image

Razor

@page "/Lines/Area"
@using LiveChartsCore.SkiaSharpView.Blazor
@using LiveChartsCore;
@using LiveChartsCore.SkiaSharpView;
@using LiveChartsCore.SkiaSharpView.Painting;
@using SkiaSharp;

<CartesianChart
    Series="@series"
    DrawMarginFrame="@drawMarginFrame">
</CartesianChart>

@code {
    private ISeries[] series = new ISeries[]
    {
        new LineSeries<double>
        {
            Values = new double[] { -2, -1, 3, 5, 3, 4, 6 },
            Fill = new SolidColorPaint(SKColor.Parse("#6495ED")),
            Stroke = null,
            GeometryFill = null,
            GeometryStroke = null
        }
    };

    private DrawMarginFrame drawMarginFrame = new DrawMarginFrame
    {
        Stroke = new SolidColorPaint(SKColor.Parse("#64b4b4b4")),
        Fill = new SolidColorPaint(SKColor.Parse("#32dcdcdc"))
    };
}

Articles you might also find useful:

Cartesian chart control
Line series properties