AccountingNext/Schaad.Accounting.UI/Components/Pages/Charts/BookingTextOverTime.razor.cs

using Microsoft.AspNetCore.Components;
using Plotly.Blazor;
using Plotly.Blazor.LayoutLib;
using Plotly.Blazor.Traces;
using Schaad.Accounting.Interfaces;

namespace Schaad.Accounting.UI.Components.Pages.Charts;

public partial class BookingTextOverTime : ComponentBase
{
    private PlotlyChart chart = null!;
    private Config? config;
    private Plotly.Blazor.Layout? layout;
    private IList<ITrace> data = new List<ITrace>();

    [Parameter, EditorRequired]
    public string AccountId { get; set; } = null!;

    [Inject]
    private IChartService chartService { get; set; } = null!;

    protected override async Task OnInitializedAsync()
    {
        config = new Config
        {
            Responsive = true
        };

        layout = new Plotly.Blazor.Layout
        {
            Title = new Title { Text = "Nach Buchungstext im Verlauf" },
            BarMode = BarModeEnum.Stack,
            XAxis = new List<XAxis>
            {
                new()
                {
                    Type = Plotly.Blazor.LayoutLib.XAxisLib.TypeEnum.Date
                }
            }
        };

        var newData = new List<ITrace>();
        var dataSeries = await chartService.GetBookingTextExpensesPerMonthAsync(AccountId);
        foreach (var dataSerie in dataSeries)
        {
            newData.Add(new Bar
            {
                Name = dataSerie.Name,
                X = dataSerie.X.Select(d => (object)d).ToList(),
                Y = dataSerie.Y.Select(d => (object)d).ToList(),
            });
        }
        data = newData;

        await base.OnInitializedAsync();
    }
}