すらぼうの開発ノート

モバイルアプリエンジニアのメモ

【Flutter】グラフ作成パッケージfl_chartの使用方法まとめ

本エントリではFlutter用グラフ作成パッケージfl_chartの基本的な使用方法を説明する。

fl_chartとは

概要

fl_chartはFlutterでグラフを作成するためのパッケージ。 簡単にインタラクティブなグラフを作成することができる。

公式ページは以下。

pub.dev

作成可能なグラフ

2022年8月15日現在fl_chartを用いることで以下のグラフを作成することができる。

  • Line Chart (曲線・折れ線グラフ)

line chart

  • Bar Chart (棒グラフ)

bar chart

  • Pie Chart (円グラフ)

    pie chart

  • Scatter Chart (散布図)

scatter chart

  • Radar Chart (レーダーチャート)

radar chart

またfl_chartgithubリポジトリはドキュメントが充実しており、興味があればそちらも確認して欲しい。 各クラスのパラメータについて詳細に記載されており大変参考になる。

github.com


fl_chart使用方法

曲線・折れ線グラフ

note-tmk.hatenablog.com

棒グラフ

作成予定

円グラフ

note-tmk.hatenablog.com

散布図

作成予定

レーダーグラフ

作成予定