RadialGauge GaugeTitle border occupies entire width of container widget

[Abhijit-Revamp]

Bug description

RadialGauge GaugeTitle border occupies entire width of container widget
Unlike ChartTitle that compacts around the text inside the title.
See the difference in the screen shot side by side

Steps to reproduce

Add GaugeTitle to RadialGauge

Code sample

Code sample

Container(
  width:800,
  length: 800,
  child: SfRadialGauge(
    title: const GaugeTitle(
      text: "Title",
      borderColor: Colors.grey,
      borderWidth: 1,
      alignment: GaugeAlignment.center,
      axes: <RadialAxis>[
        // ***** fill standard stuff
      ]
    ),
  ),
),

Screenshots or Video

Screenshots / Video demonstration

Stack Traces

Stack Traces

-NA-

On which target platforms have you observed this bug?

Web

Flutter Doctor output

Doctor output

[Add your output here]

[Baranibharathip]

Hi @Abhijit-Revamp ,

We have reviewed your query, and currently, the gauge title is rendered using the full available width of the widget. We suspect that you are trying to apply a background color to the gauge title. If so, we recommend using the TextStyle property’s backgroundColor to apply the background color, which will cover only the width of the title text. Please refer to the following code snippet.

Code snippet:

SizedBox(
	width: 500,
	height: 500,
	child: SfRadialGauge(
       title: const GaugeTitle(
         text: "Radial Gauge",
         textStyle: TextStyle(backgroundColor: Colors.amber),
         alignment: GaugeAlignment.center,
         ),
       axes: <RadialAxis>[
	   .....
	  ],
	),
  )

In case the above solution differs from your exact requirement, kindly provide more details, and we will further validate and provide you a better solution.

Regards,
Baranibharathi P.