LiveChart2を試す

@page "/"
@using LiveChartsCore.SkiaSharpView.Blazor;
@using Module;

<section>
    <CartesianChart
        Series="LineChart.SeriesCollection"
	    ZoomMode="LiveChartsCore.Measure.ZoomAndPanMode.X">
    </CartesianChart>
</section>

@code{
    public LineChart LineChart { get; set; } = new();
}

using LiveChartsCore;
using LiveChartsCore.SkiaSharpView;

namespace BlazorApps.Module
{
    public class LineChart
    {
        public IEnumerable<ISeries> SeriesCollection { get; set; }

        public LineChart()
        {
            var values = new int[100];
            var rnd = new Random();

            for (int i = 0; i < values.Length; i++)
            {
                values[i] = rnd.Next(0, 100);
            }

            SeriesCollection = new ISeries[] { new LineSeries<int> { Values = values } };
        }
    }
}