Annotations not centered

[jtdLab]

Bug description

Annotations are not centerd when using radial gauge

Steps to reproduce

Create radial gauge with annotation.
The annotation is shown to far left.

Code sample

Code sample

SfRadialGauge(
      enableLoadingAnimation: true,
      axes: <RadialAxis>[
        RadialAxis(
          startAngle: 180,
          endAngle: 0,
          canScaleToFit: true,
          ranges: [
            GaugeRange(
              startValue: 0,
              endValue: 20,
              color: Colors.red,
            ),
            GaugeRange(startValue: 20, endValue: 40, color: Colors.orange),
            GaugeRange(startValue: 40, endValue: 60, color: Colors.yellow),
            GaugeRange(
              startValue: 60,
              endValue: 80,
              color: Colors.green[300],
            ),
            GaugeRange(startValue: 80, endValue: 100, color: Colors.green),
          ],
          showLabels: false,
          showTicks: false,
          annotations: [
            GaugeAnnotation(
              verticalAlignment: GaugeAlignment.far,
              widget: Text(
                checkoutPercentage?.x100.toStringAsFixed(2) ?? '-',
                style: theme.textTheme.labelLarge
                    ?.copyWith(fontWeight: ui.DartSenseFontWeight.bold)
                    .apply(fontSizeFactor: 2),
              ),
            ),
          ],
        ),
      ],
    )

Screenshots or Video

Left is smaller than right space

Stack Traces

None

On which target platforms have you observed this bug?

Android, iOS, Web, Web (Android browser), Web (iOS browser), Windows, macOS, Linux

Flutter Doctor output

Doctor output

[✓] Flutter (Channel stable, 3.22.0, on macOS 14.4.1 23E224 darwin-x64, locale de-DE)
    • Flutter version 3.22.0 on channel stable at /Users/jonas/tools/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 5dcb86f68f (2 weeks ago), 2024-05-09 07:39:20 -0500
    • Engine revision f6344b75dc
    • Dart version 3.4.0
    • DevTools version 2.34.3

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/jonas/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0
    • ANDROID_HOME = /Users/jonas/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15F31d
    • CocoaPods version 1.14.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)

[✓] Android Studio (version 2021.1)
    • Android Studio at /Applications/Android Studio 2022.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)

[✓] IntelliJ IDEA Community Edition (version 2021.2.2)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart

[✓] VS Code (version 1.89.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.88.0

[✓] Connected device (4 available)
    • D Phone (mobile)   • 1e1ea833746efbf64f245e6e0d8abe34873b651a • ios            • iOS
      16.7.7 20H330
    • iPhone 11 (mobile) • 734ED116-E314-4181-850F-FCACE497B396     • ios            •
      com.apple.CoreSimulator.SimRuntime.iOS-15-5 (simulator)
    • macOS (desktop)    • macos                                    • darwin-x64     •
      macOS 14.4.1 23E224 darwin-x64
    • Chrome (web)       • chrome                                   • web-javascript •
      Google Chrome 124.0.6367.210

[✓] Network resources
    • All expected network resources are available.

• No issues found!

[LokeshPalani]

Hi @jtdLab,

We can reproduce the reported issue on our end and the issue is scheduled to be fixed after Volume 2 Main Release in our weekly patch release which is expected to be rolled out on Mid of June, 2024. We will notify you here once the release has been rolled out, and we appreciate your patience in the meantime.

Regards,
Lokesh P.

[LokeshPalani]

Hi @jtdLab,

Thank you for your patience. The reported issue is fixed and rolled out in our weekly patch release. To avoid this issue, we kindly request you to upgrade the syncfusion_flutter_gauges package to the latest version below.

Version Link: https://pub.dev/packages/syncfusion_flutter_gauges/versions/26.1.38

Root cause: Annotation position always calculated with half of the axis width.

If you have any further queries, please feel free to reach out to us.

Regards,
Lokesh P.

[jtdLab]

Thanks 👍