You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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折线图

  1. 直接打开导出的CSV文件,Excel会自动识别分隔符并拆分列
  2. 整理数据:保留时间戳和CPU使用率相关列(列名可能为timestamp、cpu_usage,依导出格式而定)
  3. 选中这两列数据,点击Excel顶部的插入选项卡,选择折线图(推荐带数据标记的样式,更清晰)
  4. 调整图表样式:修改坐标轴标签、图表标题,添加数据标签(可选),让图表更直观

额外提示

  • 若导出的JSON格式无法直接用Excel读取,可使用本地JSON转CSV工具(避免在线上传),或编写简单脚本转换
  • 如需查看分线程的CPU占用情况,录制时勾选Track all threads选项,导出的数据会包含各线程的CPU使用明细

内容的提问来源于stack exchange,提问作者Chris

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 10:03:31