見出し画像

Flutter レーダーチャート

flutterでレーダーチャート描画に挑戦

customPaintなるものを使うようだ。custompaintに必要なプロパティが2つあって、sizeとpainter。
sizeはsize: Size(double.infinity, double.infinity)とすることで、
親のサイズ丸々っとキャンバスにできる。
painterは別で作る。
painter: RadarChartPainter(),

class RadarChartPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {}

  @override
  bool shouldRepaint(RadarChartPainter oldDelegate) {
    return false;
  }
}

custompainterを継承した painterを作る。

円の中心、半径を指定し、描画。

tickを指定し、少し細めに描画。
ticklabelはtextpainterのtextspanを使っている。


この記事が気に入ったらサポートをしてみませんか?