flutter / flutter/devtools

Rewrite the DevTools flame chart to snap to the selected tree branch

オープン
#8,533 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
flame_chart P2 screen: cpu profiler
主要言語
Dart
スター
1.7k
フォーク
404
平均マージ
6日 17時間
マージ済み PR(30日)
18

説明

The DevTools flame chart currently supports W-A-S-D keys to zoom and pan. Some flame chart implementations, like Perfetto's CPU flame chart, do not support these gestures. Instead, clicking on a stack frame will "snap" the chart to that specific branch of the tree. From the selected node up, all stack frames are rendered as single-parent-single-child relationships, and then the selected nodes children are rendered as normal. To "zoom out" or navigate up the tree, you can select once of the currently selected node's ancestors.

Screenshot 2024-11-19 at 2 07 01 PM
_perfetto's CPU flame chart_

This would help some of the performance issues we have with the current CPU flame chart (e.g. https://github.com/flutter/devtools/issues/3876) and also simplify the code. This also would make the experience similar to other CPU flame chart tools users are used to using.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Start by locating the current DevTools CPU flame chart and its W-A-S-D zoom and pan handling. Compare its behavior with the described Perfetto CPU flame chart interaction; done means selecting a stack frame snaps to that branch, renders its ancestors as single-child paths, and allows navigating up by selecting an ancestor.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
dart
領域
devtools, performance
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。