https://github.com/kranfix/flutter_radar_chart

A flexible Flutter radar/spider chart
https://github.com/kranfix/flutter_radar_chart

flutter hacktoberfest

Last synced: 11 months ago
JSON representation

A flexible Flutter radar/spider chart

• Host: GitHub
• URL: https://github.com/kranfix/flutter_radar_chart
• Owner: kranfix
• License: mit
• Created: 2019-08-07T00:31:24.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-10-11T17:34:28.000Z (over 4 years ago)
• Last Synced: 2025-03-23T16:06:11.823Z (about 1 year ago)
• Topics: flutter, hacktoberfest
• Language: Dart
• Homepage:
• Size: 444 KB
• Stars: 22
• Watchers: 2
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# radar_chart

A flexible Flutter radar/spider chart with super powers.

Colors and Sizes are customizable.

Pub: [https://pub.dev/packages/radar_chart](https://pub.dev/packages/radar_chart)

# Example

![Example](pictures/example.png)

```dart

class _RadarChartExampleState extends State {

  int _length = 3;

  List values1 = [0.4, 0.8, 0.65];

  List values2 = [0.5, 0.3, 0.85];

  void _incrementCounter() {

    setState(() {

      final random = Random(12341);

      _length++;

      values1.add(random.nextDouble());

      values2.add(random.nextDouble());

    });

  }

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text(widget.title),

      ),

      body: Container(

        color: Colors.grey.shade200,

        child: Center(

          child: RadarChart(

            length: _length,

            radius: 150,

            initialAngle: pi / 3,

            //backgroundColor: Colors.white,

            //borderStroke: 2,

            //borderColor: Colors.red.withOpacity(0.4),

            radialStroke: 2,

            radialColor: Colors.grey,

            radars: [

              RadarTile(

                values: values1,

                borderStroke: 2,

                borderColor: Colors.yellow,

                backgroundColor: Colors.yellow.withOpacity(0.4),

              ),

              RadarTile(

                values: values2,

                borderStroke: 2,

                borderColor: Colors.blue,

                backgroundColor: Colors.blue.withOpacity(0.4),

              ),

            ],

          ),

        ),

      ),

      floatingActionButton: FloatingActionButton(

        onPressed: _incrementCounter,

        tooltip: 'Increment',

        child: Icon(Icons.add),

      ),

    );

  }

}

```