docs: update gantt locate icon

Author: fangsmile

docs/assets/demo/en/gantt/gantt-locate-taskbar.md

@@ -2,7 +2,7 @@
 category: examples
 group: gantt
 title: Task Bar Locate (Offscreen Indicator)
-cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-basic-preview.png
+cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-locate-taskbar.gif
 link: gantt/Getting_Started
 option: Gantt#taskBar
 ---
@@ -20,7 +20,6 @@ When the timeline is long, task bars may be outside the current viewport. This d
 ```javascript livedemo template=vtable
 // import * as VTableGantt from '@visactor/vtable-gantt';
 let ganttInstance;
-const CONTAINER_ID = 'vTable';
 
 const records = [
   { id: 1, title: 'Offscreen on the left', start: '2024-02-05', end: '2024-02-20', progress: 20 },

docs/assets/demo/zh/gantt/gantt-locate-taskbar.md

@@ -2,7 +2,7 @@
 category: examples
 group: gantt
 title: 甘特图任务条定位（超出可视区提示）
-cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-basic-preview.png
+cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-locate-taskbar.gif
 link: gantt/Getting_Started
 option: Gantt#taskBar
 ---
@@ -20,7 +20,6 @@ option: Gantt#taskBar
 ```javascript livedemo template=vtable
 // import * as VTableGantt from '@visactor/vtable-gantt';
 let ganttInstance;
-const CONTAINER_ID = 'vTable';
 
 const records = [
   { id: 1, title: '任务条在左侧不可见', start: '2024-02-05', end: '2024-02-20', progress: 20 },

docs/assets/guide/en/gantt/Getting_Started.md

@@ -351,20 +351,4 @@ At this point, you have successfully drawn a simple Gantt chart!
 
 When the smallest time scale is `unit: 'day'` and `step: 1`, you can use `timelineHeader.weekendColWidth` to override weekend column width (or set `timelineHeader.hideWeekend` to hide weekend columns).
 
-## Task Bar Locate (Optional)
-
-When the timeline is long and the task bar is outside the current viewport, you can enable the “locate icon” feature: an icon is shown on the left/right edge of the gantt view, and clicking it scrolls the task bar into the viewport.
-
-Key option:
-
-```javascript
-const option = {
-  taskBar: {
-    locateIcon: true
-  }
-};
-```
-
-Demo: `gantt-locate-taskbar`.
-
 I hope this tutorial helps you learn how to use Gantt. Next, you can delve into the various configuration options of vtable-gantt to customize more diverse table effects.

docs/assets/guide/en/gantt/introduction.md

@@ -133,6 +133,20 @@ You can set whether task bars are resizable through the `taskBar.resizable` conf
 
 You can set whether task bars are adjustable through the `taskBar.progressAdjustable` configuration item.
 
+#### Task Bar Locate
+
+When the timeline is long and the task bar is outside the current viewport, you can enable the “locate icon” feature: an icon is shown on the left/right edge of the gantt view, and clicking it scrolls the task bar into the viewport.
+
+Key option:
+
+```javascript
+const option = {
+  taskBar: {
+    locateIcon: true
+  }
+};
+```
+
 #### Adjusting the Width of the Left Table
 
 You can set the divider line to be draggable by configuring `frame.verticalSplitLineMoveable` to true.

docs/assets/guide/zh/gantt/Getting_Started.md

@@ -351,20 +351,4 @@ window['ganttInstance'] = ganttInstance;
 
 当最小粒度为天且 `unit: 'day'`、`step: 1` 时，可以通过 `timelineHeader.weekendColWidth` 覆盖周末列宽度（或通过 `timelineHeader.hideWeekend` 隐藏周末列）。
 
-## 任务条定位（可选）
-
-当时间轴较长、任务条不在当前可视区域内时，可以开启“定位图标”能力：在甘特图左右边缘显示图标，点击后自动滚动到该任务条的可视区域。
-
-关键配置：
-
-```javascript
-const option = {
-  taskBar: {
-    locateIcon: true
-  }
-};
-```
-
-可参考示例：`gantt-locate-taskbar`。
-
 希望这篇教程对你学习如何使用 Gantt 有所帮助。接下来可以深入了解 vtable-gantt 的各种配置选项，定制出更加丰富多样的表格效果。

docs/assets/guide/zh/gantt/introduction.md

@@ -133,6 +133,20 @@ links:[
 
 通过 `taskBar.progressAdjustable` 配置项，可以设置任务条是否可调整进度。
 
+####  任务条定位
+
+当时间轴较长、任务条不在当前可视区域内时，可以开启“定位图标”能力：在甘特图左右边缘显示图标，点击后自动滚动到该任务条的可视区域。
+
+关键配置：
+
+```javascript
+const option = {
+  taskBar: {
+    locateIcon: true
+  }
+};
+```
+
 #### 调整左侧表格宽度
 
 通过 `frame.verticalSplitLineMoveable` 配置为 true，可以设置分割线可拖拽。