Untitled

  SfCartesianChart(
            enableAxisAnimation: true,
            enableSideBySideSeriesPlacement: true,
            indicators: [],
            tooltipBehavior: TooltipBehavior(enable: true),
            series: <ChartSeries>[
              SplineAreaSeries<MonthlyOrderCount, String>(
                color: chartColor,
                enableTooltip: true,
                markerSettings: MarkerSettings(isVisible: true),
                dataSource: widget.monthlyCount!,
                xValueMapper: (MonthlyOrderCount exp, _) => exp.date!,
                yValueMapper: (MonthlyOrderCount exp, _) => widget.isPaymentType ? exp.total : exp.total,
              )
              // StackedColumnSeries<MonthlyOrderCount, String>(
              //   color: primaryColor,
              //   enableTooltip: true,
              //   markerSettings: MarkerSettings(isVisible: true),
              //   dataSource: widget.monthlyCount!,
              //   xValueMapper: (MonthlyOrderCount exp, _) => exp.date!,
              //   yValueMapper: (MonthlyOrderCount exp, _) => widget.isPaymentType ? exp.total : exp.total,
              // ),
            ],
            primaryXAxis: CategoryAxis(isVisible: true),
          ),
        ],
      ),
    );