docs: tile graph documentation (#1139)

Author: yifancong

packages/document/docs/en/guide/usage/bundle-size.mdx

@@ -128,12 +128,20 @@ The **Modules** tag is shown in the right image, from left to right representing
 - **Module Explorer** tag: Click to open the dependency analysis page between `Modules`.
 - **Code View** tag: Click to expand code segments, including `Source` (source code), `Transformed` (compiled code), and `Bundled` (bundled code).
 
-## Bundle overview tile graph
+## Bundle tile graph
 
-Click the **"Bundle Analyzer Graph"** button on the **"Bundle Size"** page to view the classic tile graph.
+Click the **"Tile Graph"** label on the **"Bundle Size"** page to view the tile graph. The tile graph clearly shows the proportion and relationship between resources and modules, as shown in the following image:
 
 <img
-  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-size-tile-graph.png"
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.png"
+  width="500px"
+  style={{ margin: 'auto' }}
+/>
+
+You can also click the 🔍 button on the card title to search for Module resources, click the Module resource, and zoom in to the Module area, as shown in the following image:
+
+<img
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.gif"
   width="500px"
   style={{ margin: 'auto' }}
 />

packages/document/docs/zh/guide/usage/bundle-size.mdx

@@ -121,10 +121,18 @@
 
 ## 产物总览瓦片图
 
-点击 **「Bundle Size」** 页面的 **「Bundle Analyzer Graph」** 按钮，可以查看经典的瓦片图。
+点击 **「Bundle Size」** 页面的 **「Tile Graph」** 标签，可以查看瓦片图。通过瓦片图可以清晰的看到各个资源和模块之间的占比和关系，如下图所示：
 
 <img
-  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-size-tile-graph.png"
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.png"
+  width="500px"
+  style={{ margin: 'auto' }}
+/>
+
+同时可以点击卡片标题侧的 🔍 按钮，搜索 Module 资源，点击 Module 资源，可以放大到该 Module 区域，如下图所示：
+
+<img
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.gif"
   width="500px"
   style={{ margin: 'auto' }}
 />