Syncfusion stacked graph renders badly efter building flutter web

[Albin Forsberg]

Currently trying to create a stacked area graph with syncfusions stacked area graph.

While running it under localhost, I get this result

However, after pushing this to our stage environment I got these weird gaps

Build command

flutter build web --release

The project is hosted with Firebase hosting.

My code for the StackedAreaGraph

StackedAreaSeries<T, dynamic>(
  dataSource: dataSource,
  xValueMapper: seriesData.xValueMapper,
  yValueMapper: seriesData.yValueMapper,enableTooltip: true,
  name: seriesData.seriesName,
  yAxisName: name,
  emptyPointSettings: const EmptyPointSettings(
  mode: EmptyPointMode.average
  ),
  color: color,
),

I have tried to both build with and without the -wasm tag when deploying, but neither made a difference.

Flutter version: 3.24.3

Dart SDK: 3.5.3

syncfusion_flutter_charts: ^27.1.50

[Kompelli Sravan Kumar Kompelli Lakshman]

Hi Albin Forsberg,

We have reproduced the issue you reported on our end and the issue is scheduled to be fixed in our upcoming weekly patch release on

November 19, 2024. We will notify you here once the release has been rolled out, and we appreciate your patience in the meantime.

Regards,

Kompelli Sravan Kumar.

[Aswini Suresh Reddy]

Hi Albin Forsberg,

The reported issue has been fixed and rolled out in our weekly patch release. So, we kindly request you to upgrade the syncfusion_flutter_charts package to the latest version.

Version: https://pub.dev/packages/syncfusion_flutter_charts/versions/27.2.3

RootCause: The negative values were being added to the positive cumulative value, resulting in an incorrect stack.

Regards,

Aswini S.