如何在Flutter中制作CPU数据折线图及导出数据至Excel?
Flutter CPU Profiler 数据导出与Excel图表制作指南
一、先确保能拿到CPU数据
- 打开Flutter debug版应用,用Android Studio或VS Code启动Flutter DevTools,连接设备/模拟器
- 切换到CPU Profiler面板,点击Record开始录制,操作你要测试的功能(比如滑动页面、触发业务逻辑)
- 操作完成后点击Stop,正常情况下就能看到CPU时间线和函数调用数据。如果没数据:
- 确认应用处于debug模式,release模式无法获取详细Profiler数据
- 检查设备连接状态,重启DevTools或应用
- 确保Flutter SDK与DevTools版本匹配
二、导出CPU数据
从DevTools直接导出
- 在录制结果页面,点击右上角的Export按钮(下载箭头图标)
- 选择导出格式:优先选
.csv,Excel可直接读取;也可选.json后续转换格式 - 将文件保存到本地
命令行导出(适合批量/自动化场景)
- 在终端执行命令:
flutter pub global run devtools --export-cpu-profile --profile-path=./cpu_profile.json --output-path=./cpu_profile.csv - 说明:先从DevTools将profile保存为JSON格式,再用该命令转成CSV;
--profile-path填写JSON文件路径,--output-path填写要生成的CSV文件路径
三、用Excel制作CPU折线图
- 直接打开导出的CSV文件,Excel会自动识别分隔符并拆分列
- 整理数据:保留时间戳和CPU使用率相关列(列名可能为
timestamp、cpu_usage,依导出格式而定) - 选中这两列数据,点击Excel顶部的插入选项卡,选择折线图(推荐带数据标记的样式,更清晰)
- 调整图表样式:修改坐标轴标签、图表标题,添加数据标签(可选),让图表更直观
额外提示
- 若导出的JSON格式无法直接用Excel读取,可使用本地JSON转CSV工具(避免在线上传),或编写简单脚本转换
- 如需查看分线程的CPU占用情况,录制时勾选Track all threads选项,导出的数据会包含各线程的CPU使用明细
内容的提问来源于stack exchange,提问作者Chris
相关产品推荐
相关产品推荐

