Blazorise SVG Chart Trendlines

@code {
    private readonly SvgChartOptions options = new()
    {
        Height = 360,
        Legend = new() { Position = SvgChartLegendPosition.Bottom },
    };

    private readonly List<MonthlySales> sales =
    [
        new() { Month = "Jan", Revenue = 82 },
        new() { Month = "Feb", Revenue = 88 },
        new() { Month = "Mar", Revenue = 93 },
        new() { Month = "Apr", Revenue = 91 },
        new() { Month = "May", Revenue = 104 },
        new() { Month = "Jun", Revenue = 112 },
        new() { Month = "Jul", Revenue = 118 },
    ];

    private sealed class MonthlySales
    {
        public string Month { get; set; }

        public double Revenue { get; set; }
    }
}

@code {
    private readonly SvgChartOptions options = new()
    {
        Height = 360,
        Legend = new() { Position = SvgChartLegendPosition.Bottom },
        Trendlines =
        [
            new()
            {
                SeriesName = "Organic",
                Name = "Organic trend",
                Color = Color.Primary,
                StrokeWidth = 2,
                DashPattern = "8 5",
            },
            new()
            {
                SeriesName = "Paid",
                Name = "Paid trend",
                Color = Color.Success,
                StrokeWidth = 2,
                DashPattern = "4 4",
            },
        ],
    };

    private readonly List<AcquisitionSample> samples =
    [
        new() { Month = "Jan", Organic = 46, Paid = 31 },
        new() { Month = "Feb", Organic = 52, Paid = 38 },
        new() { Month = "Mar", Organic = 55, Paid = 42 },
        new() { Month = "Apr", Organic = 61, Paid = 45 },
        new() { Month = "May", Organic = 67, Paid = 52 },
        new() { Month = "Jun", Organic = 72, Paid = 57 },
    ];

    private sealed class AcquisitionSample
    {
        public string Month { get; set; }

        public double Organic { get; set; }

        public double Paid { get; set; }
    }
}