Skip to content

A flutter application showing the usage of simple CustomPaint and CustomPainter to draw a quadrant chart with dynamically populated data (icons) inside each quadrant.

yusufpats/quadrant_chart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

QuadrantChart

A flutter application showing the usage of simple CustomPaint and CustomPainter to draw a quadrant chart with dynamically populated data (icons) inside each quadrant.

The CustomPaint allows you to draw any complex UI using elemental shapes like circles, arc, lines, path, etc

CustomPaint widget

CustomPaint(
   painter: ChartPainter(),
   child: Container(),
 )

ChartPainter class

class ChartPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
     // TODO: start painting shapes here
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return true;
  }
}

This project is part of the answer to the StackOverflow question here

You can check the flutter documetation of CustomPaint widget here

Screenshot

About

A flutter application showing the usage of simple CustomPaint and CustomPainter to draw a quadrant chart with dynamically populated data (icons) inside each quadrant.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published