charts_flutterの複合フラグで横スクロール2022-12-31

🐈 やりたいこと

charts_flutterの複合フラグ(OrdinalComboChart)で横スクロールしたい


・・・🐈‍⬛・・・🐈‍⬛・・・🐈‍⬛・・・


behaviorsに以下を追加する

  • SlidingViewport()
  • PanAndZoomBehavior()
OrdinalComboChart(data,
  behaviors : [
    SlidingViewport(),
    PanAndZoomBehavior(),
  ],
);


🐾 PanAndZoomBehavior

panningCompletedCallbackにスクロール後に実行する処理を設定できる

PanAndZoomBehavior(panningCompletedCallback:() => 
  showDialog(context: context, builder: (_) {
    return const AlertDialog(title:Text('にゃーん ฅ^•ω•^ฅ'));
  })
),


📝 PanBehavior()でも代替できるがズーム(ピンチイン・アウト)ができにゃい


🐾 domainAxis

viewportに『グラフの初期表示位置』と『一画面に表示するデータ数』を設定できる

domainAxis : OrdinalAxisSpec(viewport:OrdinalViewport('202308', 5)),
fluttercharts_flutter