flutter_application_1/lib/widgets/chart_widget.dart

import 'package:flutter/cupertino.dart';
import 'package:syncfusion_flutter_charts/charts.dart';

// Widget zur Erstellung eines gestapelten Säulendiagramms
class StackedColumnChart extends StatelessWidget {
  final List<double> lowerValues; // Liste der unteren Werte für das Diagramm
  final List<double> upperValues; // Liste der oberen Werte für das Diagramm

  const StackedColumnChart({
    super.key,
    required this.lowerValues,
    required this.upperValues,
  });

  @override
  Widget build(BuildContext context) {
    return SfCartesianChart(
      legend: const Legend(
        isVisible: true,
        position: LegendPosition.top,
      ), 
      primaryXAxis: const CategoryAxis(
        title: AxisTitle(text: 'Jahr'),
      ),
      primaryYAxis: const NumericAxis(
        title: AxisTitle(text: 'Euro'),
      ),
      series: <CartesianSeries>[
        // Serie für die Einzahlungen (untere Werte)
        StackedColumnSeries<SalesData, int>(
          dataSource: _getLowerChartData(),
          xValueMapper: (SalesData sales, _) => sales.year,
          yValueMapper: (SalesData sales, _) => sales.value,
          name: 'Einzahlungen',
          color: CupertinoColors.systemGrey.darkHighContrastColor,
        ),
        // Serie für die Zinsen (obere Werte)
        StackedColumnSeries<SalesData, int>(
          dataSource: _getUpperChartData(),
          xValueMapper: (SalesData sales, _) => sales.year,
          yValueMapper: (SalesData sales, _) => sales.value,
          name: 'Zinsen',
          color: CupertinoColors.systemGreen.highContrastColor,
        ),
      ],
      // Konfiguration für die Interaktivität des Diagramms
      trackballBehavior: TrackballBehavior(
        enable: true,
        tooltipSettings: const InteractiveTooltip(enable: true),
        activationMode: ActivationMode.singleTap,
        hideDelay: 2000,
      ),
    );
  }

  // Methode zur Erstellung der Daten für die untere Serie (Einzahlungen)
  List<SalesData> _getLowerChartData() {
    List<SalesData> chartData = [];
    for (int i = 0; i < lowerValues.length; i++) {
      chartData.add(SalesData(i + 1, lowerValues[i]));
    }
    return chartData;
  }

  // Methode zur Erstellung der Daten für die obere Serie (Zinsen)
  List<SalesData> _getUpperChartData() {
    List<SalesData> chartData = [];
    for (int i = 0; i < upperValues.length; i++) {
      chartData.add(SalesData(i + 1, upperValues[i]));
    }
    return chartData;
  }
}

// Klasse zur Modellierung der Datenpunkte im Diagramm
class SalesData {
  final int year;
  final double value;

  SalesData(this.year, this.value);
}