fix: explain multiple root plans (#591)

* feat: explain table support multiple plans

* feat: chart support multiple root plans

* feat: max value

* chore: remove unused

* refactor: max values in chart

* refactor: remove fragile updateTreeLayout, use renderTree

* refactor: scroll to node duplicate

* refactor: resetZoom

* refactor: reduce calculation

* refactor: tree view, read size from dom, not by fragile compution

* refactor: use flextree positions

* refactor: scroll

* feat: width by text content

* feat: init scale

* refactor: node scrolling

* fix: render twice

* fix: rendertree twice

* feat: use fixed width node label

* refactor: labe width calculation

* fix: ts

* fix: remove unnecessary label node line drawing

* refactor: move scale and scroll out of treeview

* style: y offset

* fix: refresh

* fix:  empty root plan name

* Update src/views/dashboard/modules/explain/explain-chart/index.vue

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: sunchanglong

src/views/dashboard/modules/explain/explain-chart/chart-controls.vue

@@ -38,9 +38,7 @@
     highlightType: string
     selectedMetric: string
     metricsExpanded: boolean
-    maxRows: number
-    maxDuration: number
-    availableMetrics: Array<string>
+    availableMetrics: Array<{ label: string; value: string }>
     stageIndex: number
   }>()