radar_chart 0.6.0

radar_chart: ^0.6.0 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:radar_chart/radar_chart.dart';
import 'dart:math';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: RadarChartExample(title: 'Flutter Demo Home Page'),
    );
  }
}

class RadarChartExample extends StatefulWidget {
  RadarChartExample({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _RadarChartExampleState createState() => _RadarChartExampleState();
}

class _RadarChartExampleState extends State<RadarChartExample> {
  int _counter = 3;
  List<double> values1 = [0.4, 0.8, 0.65];
  List<double> values2 = [0.5, 0.3, 0.85];

  void _incrementCounter() {
    setState(() {
      final random = Random.secure();
      _counter++;
      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,
          width: MediaQuery.of(context).size.width,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Padding(
                padding: EdgeInsets.symmetric(
                  horizontal: 40,
                  vertical: 10,
                ),
                child: Text(
                  "There are ${values1.length} values for each radar chart!",
                  style: TextStyle(
                    fontSize: 30,
                  ),
                ),
              ),
              RadarChart(
                length: _counter,
                radius: 150,
                initialAngle: 0,
                //backgroundColor: Colors.white,
                //borderStroke: 2,
                //borderColor: Colors.red.withOpacity(0.4),
                radialStroke: 2,
                radialColor: Colors.grey.shade300,
                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),
      ),
    );
  }
}