User Story 29: Yearly report chart

[benediktbrenk]

Value proposition

As a user I want to view the development of my income and expenses over the year in a line chart based on monthly values in order to better understand my financial trends and make informed financial decisions

Description

Acceptance Criteria

• [x] The line chart should display two lines: one for monthly income and one for monthly expenses.
• [x] Each point on the lines should represent the sum of income or expenses for that particular month.
• [x] The x-axis should represent the months of the year, from January to December.
• [x] The y-axis should represent the amount of money, with a scale that adjusts based on the data.
• [x] The chart should update dynamically when the user inputs new income or expense data.
• [x] The chart should have a legend indicating which line represents income and which represents expenses.

Optional: The user should be able to hover over data points to see the exact value for that month.

Tasks

• [x] Create component LineChart
• [x] Set up the basic structure and layout for the line chart.
• [x] Implement LineChart on ReportPage
• [x] Ensure that the ReportPage correctly passes the necessary data to the LineChart component.
• [x] Create functionality to generate data for LineChart
• [x] Develop a method to aggregate monthly income and expense data.
• [x] Implement dynamic updates to the data when new income or expense entries are added.

[nattenhagen]

Nice feature, especially the hover element :)