Y axis value disappears when MarkerSettings are set to Visible is True

// Automatic FlutterFlow imports
import '/backend/backend.dart';
import '/backend/schema/structs/index.dart';
import '/actions/actions.dart' as action_blocks;
import '/flutter_flow/flutter_flow_theme.dart';
import '/flutter_flow/flutter_flow_util.dart';
import '/custom_code/widgets/index.dart'; // Imports other custom widgets
import '/custom_code/actions/index.dart'; // Imports custom actions
import '/flutter_flow/custom_functions.dart'; // Imports custom functions
import 'package:flutter/material.dart';
// Begin custom widget code
// DO NOT REMOVE OR MODIFY THE CODE ABOVE!

import 'package:syncfusion_flutter_charts/charts.dart'

class SplineChart extends StatefulWidget {
const SplineChart({
super.key,
this.width,
this.height,
required this.chartData,
});


final double? width;
final double? height;
final List<ValueProjectionTableStruct> chartData;


@override
State<SplineChart> createState() => _SplineChartState();
}


class _SplineChartState extends State<SplineChart> {
@override
Widget build(BuildContext context) {
return Container(
child: SfCartesianChart(
zoomPanBehavior: ZoomPanBehavior(
zoomMode: ZoomMode.x,
enableDoubleTapZooming: true,
enablePinching: true,
enablePanning: true,
enableMouseWheelZooming: true,
),
primaryXAxis: CategoryAxis(
//desiredIntervals: 1,
interval: 1,
//edgeLabelPlacement: EdgeLabelPlacement.shift,
// maximumLabelWidth: 27,
// labelPlacement: LabelPlacement.onTicks,
labelStyle: TextStyle(fontSize: 8),
// title: AxisTitle(text: 'Year, Age', textStyle: TextStyle(fontSize: 10)),
// Intervals will be fixed, not calculated automatically based on the visible range on zooming and panning
),
tooltipBehavior: TooltipBehavior(enable: true),
primaryYAxis: NumericAxis(
labelStyle: TextStyle(fontSize: 8, color: Colors.white),
//edgeLabelPlacement: EdgeLabelPlacement.shift,
// title: AxisTitle( text: 'Value', textStyle: TextStyle(fontSize: 10),),
numberFormat: NumberFormat.compactCurrency(
locale: 'en_In', symbol: "₹", decimalDigits: 0),
enableAutoIntervalOnZooming: false,
initialZoomFactor: 1,
),
series: <CartesianSeries>[
// Renders spline chart
SplineSeries<ValueProjectionTableStruct, String>(
dataSource: widget.chartData,
xValueMapper: (ValueProjectionTableStruct data, _) =>
(data.year.toString() + "\n" + (data.year - 1988).toString()),
yValueMapper: (ValueProjectionTableStruct data, _) => data.perYear,
markerSettings: const MarkerSettings(
isVisible: true,
shape: DataMarkerType.circle,
height: 2.0,
width: 2.0,
),
name: 'Income',
)
]));
}
}


I use Syncfusion charts in Flutterflow custom widget.
Have mapped a category X axis with string values and Y axis with amount. Y axis labels disappears when MarkerSettings are set to Visible : True



Attachment: Recording_7967798e.zip

6 Replies

LP Lokesh Palani Syncfusion Team May 15, 2024 05:59 PM UTC

Hi Dinesh,


We have checked the reported issue and tried to replicate it in the SfCartesianChart with version 25.2.4  by setting the primaryYAxis as NumericAxis. We have tested by tapping on the TextButton to navigate the SfCartesianChart to the next page. However, we were unable to reproduce it on our end. Please check the attached sample and screen recording, 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,

Lokesh P.


Attachment: chart_188262_3494599e.zip


DG dinesh gummadi May 16, 2024 05:49 AM UTC

I used the SF latest version 25.2.4 and followed the code snipped, I still face the problem. 



LP Lokesh Palani Syncfusion Team May 21, 2024 04:29 PM UTC

Hi Dinesh,


We have reproduced the issue you reported regarding ‘Y-axis labels not displayed for the SfCartesianChart in the FlutterFlow’ on our end. We have considered this as a bug and will log in to our feedback portal and share it on 22 May 2024. The issue is scheduled to be fixed in our upcoming weekly patch release in 3rd week of June. We will notify you here once the release has been rolled out, and we appreciate your patience in the meantime.


Regards,

Lokesh P.



DG dinesh gummadi replied to Lokesh Palani May 21, 2024 05:16 PM UTC

Thank you Lokesh, will wait for the fix.



LP Lokesh Palani Syncfusion Team May 22, 2024 11:12 AM UTC

Hi Dinesh,


We have logged a bug in the Feedback portal. And you can also track the status of the bug with the Feedback link provided below. Thank you for your understanding and patience in the meantime.


Feedback Report Link, https://www.syncfusion.com/feedback/58012


Regards,

Lokesh P.



LP Lokesh Palani Syncfusion Team June 19, 2024 04:30 PM UTC

Hi Dinesh,


We have fixed the reported issue and it has been rolled out in our weekly patch release. In the Flutter flow, the current Flutter SDK version is 3.19.1 and our latest syncfusion_flutter_charts package version is 26.1.38 supports the Flutter SDK version from 3.22.0. Therefore, Flutter flow is not compatible with the latest charts package. To avoid this issue, we suggest using chart version 23.2.7 without the caret symbol (^) before the version number to prevent upgrading to the latest version in Flutter Flow. We have shared the User Guide documentation link, which specifies the compatible Syncfusion package version for each Flutter SDK version for your reference below.


UG Link for compatible Syncfusion Package version:   https://help.syncfusion.com/flutter/system-requirements#sdk-version-compatibility


Regards,

Lokesh P.


Loader.
Up arrow icon