How to remove extra space when adding semi/quarter circular in Flutter SfRadialGauge?

In Syncfusion® Flutter Radial Gauge, you can remove the space occupied below the half or quarter radial gauge.

Step 1: Create a semi-circular or quarter radial gauge using the startAngle and endAngle properties of the radial axis. By default, the axis will be positioned based on the available size's center position, as shown in the following images.

Circular gauge

Semi-circular gauge

Step 2: You can reduce the empty space occupied below the semi-circular gauge using the canScaleToFit property in the radial axis, which is used to adjust the position of the axis.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SfRadialGauge(
      axes: <RadialAxis>[
        RadialAxis(
          startAngle: 180,
          endAngle: 360,
          canScaleToFit: true,
        ),
      ],
    ),
  );
}

Output

Check the following links for more features in Syncfusion® Flutter Radial Gauge:

• Syncfusion® Flutter Radial Gauge product page
• User guide documentation for Syncfusion® Flutter Radial Gauge
• pub.dev

Live samples

• Android
• iOS
• Web
• Windows
• Linux

Blogs related to Radial Gauge

• Introduction to Flutter Radial Gauge widget
• Different styles of radial slider using Flutter Radial Gauge