sf cartesian chart not visible for apk released using flutter

[Rishabh2610]

Bug description

I cant see the graph when i install apk released using flutter. my version for sf cartesian chart is syncfusion_flutter_charts: ^28.1.38. kindly go through the issue as i can see the graph when it is released as web build.

Steps to reproduce

SizedBox(
height: _chartData.length * 30.0,
child: SfCartesianChart(
primaryXAxis: CategoryAxis(),
primaryYAxis: NumericAxis(
labelIntersectAction:
AxisLabelIntersectAction.multipleRows,
labelFormat: '{value}'),
tooltipBehavior: TooltipBehavior(enable: true),
series: [
if (_showOpen)
StackedBarSeries<ChartData, String>(
dataSource: _chartData,
xValueMapper: (ChartData data, _) => data.date,
yValueMapper: (ChartData data, _) => data.open,
name: 'Opened',
color: Colors.blue,
),
if (_showReopened)
StackedBarSeries<ChartData, String>(
dataSource: _chartData,
xValueMapper: (ChartData data, _) => data.date,
yValueMapper: (ChartData data, _) => data.reopened,
name: 'Reopened',
color: Colors.orange,
),
if (_showClosed)
StackedBarSeries<ChartData, String>(
dataSource: _chartData,
xValueMapper: (ChartData data, _) => data.date,
yValueMapper: (ChartData data, _) => data.closed,
name: 'Closed',
color: Colors.green,
),
if (_showDeclined)
StackedBarSeries<ChartData, String>(
dataSource: _chartData,
xValueMapper: (ChartData data, _) => data.date,
yValueMapper: (ChartData data, _) => data.declined,
name: 'Declined',
color: Colors.red,
),
],
),
),

Code sample

Code sample

[Add your code here]

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Stack Traces

Stack Traces

[Add the Stack Traces here]

On which target platforms have you observed this bug?

Android

Flutter Doctor output

Doctor output

[Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.27.1, on Microsoft Windows [Version 10.0.19045.5371], locale en-US)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop Windows apps (Visual Studio Build Tools 2019 16.11.42)
[√] Android Studio (version 2024.1)
[√] VS Code (version 1.96.3)
[√] Connected device (3 available)
[√] Network resources]

[AswiniDileep]

Hi @Rishabh2610,

We have reviewed the mentioned issue and attempted to replicate the reported behavior, where the chart is not visible in the SfCartesianChart with version 28.1.38 by,

1. Ensured with android, web, and windows both debug and release mode.
2. Ensured with all axis types.
3. Ensured with the Android Web build using the localhosted link - https://natrayansf.github.io/.

However, we were unable to reproduce it on our end. Please check the attached sample below, and if you are still experiencing the issue, we request that you replicate it in the attached sample and provide us with more details regarding the specific scenario in which you are encountering this issue. This will help us to assist you more effectively.

Regards,
Aswini S.

Sample:
GH_2255.zip

[Rishabh2610]

Thanks Aswini, I got my issue resolved. Can I make the y axis scrollable so that i dont need to make my chart scroll vertically in case of multiple y axis labels and my x axis remains static.

[AswiniDileep]

Hi @Rishabh2610,

We have checked your query about making the x-axis static while allowing only the y-axis to scroll vertically in your chart. And we would like to inform you that as of now, we don't have direct support in our Flutter SfCartesianChart. However, we have provided blog post with a detailed explanation to guide you through the process of adding a scrollbar to Flutter charts, which may effectively address your need to scroll only the y-axis.

Please take a look at the blog post here: Adding a Scrollbar in Flutter Charts
UG for zooming behavior: Zooming in Flutter Cartesian Charts

Feel free to reach out to us if you require further assistance.

Regards,
Aswini S.