<p>SfRadialGauge(axes: </p><radialaxis>[
RadialAxis(
minimum: 0,
maximum: 100,
startAngle:360,
endAngle:360,
showLabels: false,
showTicks: false,
radiusFactor: 1,
isInversed: true,
axisLineStyle: const AxisLineStyle(
thickness: 0.2,
color: Color.fromARGB(30, 0, 169, 181),
thicknessUnit: GaugeSizeUnit.factor,
),
pointers: <gaugepointer>[
RangePointer(
value: _value,
width: 0.2,
sizeUnit: GaugeSizeUnit.factor,
enableAnimation:abc,
animationDuration:3000,
animationType: AnimationType.linear)
],
)
]),
I had written above code for circular progressbar when i set isInversed: true then animation not working properly .it means animation not displaying.
please send me solution for this</gaugepointer></radialaxis>
Hi Anviya,
Greetings from Syncfusion support.
We have checked your query and the code snippet you have provided. We identified that the type you specified for the RadialAxis.pointers property is not correct and also returned an undefined identifier instead of a boolean for the RangePointer.enableAnimation property. We have modified the given code snippet and attached it below.
|
double _value = 50; bool _enableAnimation = true;
return SfRadialGauge( axes: <RadialAxis>[ RadialAxis( minimum: 0, maximum: 100, startAngle: 360, endAngle: 360, showLabels: false, showTicks: false, radiusFactor: 1, isInversed: true, axisLineStyle: const AxisLineStyle( thickness: 0.2, color: Color.fromARGB(30, 0, 169, 181), thicknessUnit: GaugeSizeUnit.factor, ), pointers: <GaugePointer>[ RangePointer( value: _value, width: 0.2, sizeUnit: GaugeSizeUnit.factor, enableAnimation: _enableAnimation, animationDuration: 3000, animationType: AnimationType.linear) ], ) ], ); |
We hope that the above solution will resolve your problem. Please let us know if you need any further assistance in this.
Regards,
Praveen G.
