how to create multiple radial bar inside each other?-CodePudding

I need to make a multiple radial bar inside each other. I searched but only syncfusion_flutter_charts package had some thing like that but I it needs licenses .There is no limitation on using other flutter packages. the chart is some thing like this multiple radial bar

CodePudding user response：

The best way to do this is to use a Stack widget together with Positioned Widgets. Examples with guides are found in the added links by the Flutter team itself.

What You can do is, use Stack widget to stack the Widgets and use to Wrap those widgets in Positioned widget to Passioned them the way you want inside the Stack.

Although I should mention heavy use of stack widget will have some performance impact.

CodePudding user response：

using this way you can achieve it ( this is only a example , how to do it , it is not a implementation code ) ,

write code according to the use case , that is add alignment ,positioned ,etc...

stack(children: [

CircularPercentIndicator(
                radius: 50.0,
                circularStrokeCap: CircularStrokeCap.round,
                progressColor: Colors.purple,
                .....
                .....

              ),
CircularPercentIndicator(
                radius: 100.0,
                circularStrokeCap: CircularStrokeCap.round,
                progressColor: Colors.red,
                .....
                .....
              ),

CircularPercentIndicator(
                radius: 150.0,
                circularStrokeCap: CircularStrokeCap.round,
                progressColor: Colors.blue,
                .....
                .....

              ),
])