[SfRadialGauge] cornerStyle not working for low values

[stefanoromanello]

I'm facing the following issue. When low values are assing to the gauge the left corner is flat instead of round.

SfRadialGauge(axes: <RadialAxis>[
                    RadialAxis(
                      minimum: 0,
                      maximum: 100,
                      showLabels: false,
                      showTicks: false,
                      annotations: <GaugeAnnotation>[
                        GaugeAnnotation(
                          positionFactor: 0.1,
                          angle: 90,
                          widget: Text(
                            (percentage * 100).toStringAsFixed(0) + ' / 100',
                            textAlign: TextAlign.center,
                            style: TextStyle(
                              fontSize: ScreenUtil().setSp(15),
                            ),
                          ),
                        ),
                      ],
                      pointers: <GaugePointer>[
                        RangePointer(
                          value: percentage * 100,
                          cornerStyle: CornerStyle.bothCurve,
                          animationDuration: 500,
                          width: 0.2,
                          color: MyTheme.primaryColor,
                          sizeUnit: GaugeSizeUnit.factor,
                        )
                      ],
                      axisLineStyle: AxisLineStyle(
                        thickness: 0.2,
                        cornerStyle: CornerStyle.bothCurve,
                        color: MyTheme.cardColor(context),
                        thicknessUnit: GaugeSizeUnit.factor,
                      ),
                    )
                  ]),

WIth the same code but different values I get:

[Dharanipalani]

Hi @stefanoromanello,

Greetings from Syncfusion. We analyzed your query at our end and confirmed that is the behavior when we set a rounded corner for the start position of the range pointer. When the pointer value is below the interval value which is calculated internally (maximum labels as 3 for 100 pixels as like in the chart), the rounded corner will change into a flat in the start position alone.

Thanks,
Dharanitharan.P

[stefanoromanello]

Hi @stefanoromanello,

Greetings from Syncfusion. We analyzed your query at our end and confirmed that is the behavior when we set a rounded corner for the start position of the range pointer. When the pointer value is below the interval value which is calculated internally (maximum labels as 3 for 100 pixels as like in the chart), the rounded corner will change into a flat in the start position alone.

Thanks,
Dharanitharan.P

Thanks for the response. Is there a way to avoid this? I've understood that you're doing this because if a value is below some threshold both the corners overlap but I'm using multiples gauges and seeing some with round corners and some with flat ones are not great.
Is it possible for example to display a simple dot (both round corners near each other with the flat side attached) that represents all the values under your interval instead of changing the style to the flat one?
If the answer is yes can you please tell me what to change in your library to archive this?

Thanks

[SriramKiranSenthilkumar]

Hi @stefanoromanello,

Thanks for the revert. We have analyzed your query at our end and as per your request, we have created a simple radial gauge sample in which we have used Marker pointers along with range pointer to achieve the requested scenario regarding rendering the axis line and range pointer in rounded corners even when the value goes below the threshold. We have also attached the sample below in which we also have explained the workaround process in detail. Kindly please check the below-attached sample and revert us if you still have further concerns on this.
Screenshot:

Sample: sample.zip

Regards,
Sriram Kiran

[stefanoromanello]

Nice, thanks!!

[HashRay]

thanku for the fix :)

[eduardomirand]

But if my value is 0? The fix is to show a dot, instead of just nothing?

[vasanth5545]

The named parameter 'cornerStyle' isn't defined.

Problem how to fix?

[Mugunthan-Ramalingam]

Hi @vasanth5545,

We have checked the mentioned issue and tried to replicate it in SfRadialGauge with version 29.2.10 by considering the following scenario,

1. Ensured the simple sample in web, windows and android platform.
2. Ensured the sample by setting the cornerStyle property.

However, we were unable to reproduce it on our end. Please check the attached sample, 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.

Demo:

Sample: gh_99.zip

Regards,
Mugunthan.