206 字
1 分钟
经营仪表盘:双图表库与 sticky 订单流

为什么两个图表库#

fl_chart: 1.0.0
syncfusion_flutter_charts: 29.1.38

fl_chart 轻、风格贴 Material,日常折线柱状够用;syncfusion 重但全(组合图、缩放、十字线),经营分析页要的就是它。高频简单图用 fl_chart,低频复杂图用 syncfusion,包体积和体验的折中。

dashboard 页面结构#

dashboard_page.dart # 骨架
dashboard_page_logic.dart # GetX 逻辑(逻辑与视图分离,_logic 后缀是团队约定)
business_mission_widget.dart # 经营指标卡
dashboard_order_recode.dart # 订单记录流
delegate_sticky_header.dart # 吸顶日期头

delegate_sticky_header 让日期头吸顶,订单流按天分组——老板刷经营数据和刷朋友圈一个手感。business_mission_widget 指标卡 + decimal 算金额 + chinese_number 转中文数字(“壹万贰仟”出现在报表里,仪式感拉满)。

仪表盘三要素:指标卡一眼清、图表能下钻、列表吸顶好定位。