SfRadialGauge CornerStyle.bothCurve not working

[qeepcologne]

Bug description

trying SfRadialGauge with cornerStyle: CornerStyle.bothCurve
curve is not working

Steps to reproduce

see code and image result

1. CornerStyle.startCurve (working)
2. CornerStyle.endCurve (working)
3. CornerStyle.bothCurve (no curve at all, expected like 1+2)

Code sample

ClipRect radialGauge({required double width, required double percent}) => ClipRect(
  child: Align(
    alignment: Alignment.topCenter,
    heightFactor: 0.5,
    child: SizedBox(
      width: width,
      height: width,
      child: SfRadialGauge(
        axes: <RadialAxis>[
          RadialAxis(
            startAngle: 180,
            endAngle: 0,
            showLabels: false,
            showTicks: false,
            useRangeColorForAxis: true,
            pointers: <GaugePointer>[
              RangePointer(
                color: red500,
                value: percent * 100,
                width: 0.2,
                sizeUnit: GaugeSizeUnit.factor,
                cornerStyle: CornerStyle.bothCurve,
              ),
            ],
          ),
        ],
      ),
    ),
  ),
);

Screenshots or Video

On which target platforms have you observed this bug?

Android

Flutter Doctor output

[✓] Flutter (Channel stable, 3.32.7, on Ubuntu Questing Quokka (development branch) 6.15.6-061506-generic, locale
    en_DE.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 36.0.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2025.1.2)
[✓] Connected device (3 available)
[✓] Network resources

[ManiKesavaraj]

Hi @qeepcologne

In SfRadialGauge, we currently do not have support for CornerStyle.bothCurve when the values are too low. However, we have already logged a feature request to enhance the corner style logic for low values in our feedback portal.

We will prioritize features for each release based on demand and priority, so this feature may be available in one of our upcoming releases. You can also track the status of the feature with the feedback provided.

FR Link : Improve the range point corner rendering when the values are low in Flutter | Feedback Portal

Regards,
Naveen K.

[qeepcologne]

thanks for answering. What does too low means? I can immagine problems if both curves overlap, but that's no the case.

[BPraveenBalu]

Hi qeepcologne,

The term 'too low' refers to cases where the range pointer's value is less than 15% of the total range in the SfRadialGauge.

This case does not provide enough space to render the curved corners and drag the RangePointer properly when the CornerStyle property is set to bothCurve in the RangePointer of the SfRadialGauge. To address this issue, we have modified the design so that both ends of the pointer are flat instead of curved. This is the current behavior of the RangePointer 's CornerStyle property.

As per our previous response, we have already logged a feature request to this, and we will prioritize features for each release based on demand and priority.
FR link: Improve the range point corner rendering when the values are low in Flutter | Feedback Portal

Regards,
Praveen Balu.