From db13de83b6720ce1d599849849785d27f78de854 Mon Sep 17 00:00:00 2001
From: lruler <1204312199@qq.com>
Date: Sun, 18 Sep 2022 13:52:49 +0800
Subject: [PATCH] feat(graph, tree): add the docs about Thumbnail

---
 en/option/series/graph.md | 54 +++++++++++++++++++++++++++++++++++++++
 en/option/series/tree.md  | 54 +++++++++++++++++++++++++++++++++++++++
 zh/option/series/graph.md | 53 ++++++++++++++++++++++++++++++++++++++
 zh/option/series/tree.md  | 53 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 214 insertions(+)

diff --git a/en/option/series/graph.md b/en/option/series/graph.md
index 71f7ac6c4..bfe5bf47a 100644
--- a/en/option/series/graph.md
+++ b/en/option/series/graph.md
@@ -699,3 +699,57 @@ Label position, options：
     prefix = "####",
     defaultShow = true
 ) }}
+
+## thumbnail(Object)
+
+Thumbnails that show the relationship between visible data and overall data.
+
+### show(boolean) = false
+
+<ExampleUIControlBoolean default="false" />
+
+Whether to display thumbnails.
+
+### height(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+The height of the thumbnail
+
+### width(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+The width of the thumbnail
+
+### left(number|string)
+
+The distance of the thumbnail from the left side of the container.
+
+### right(number|string)
+
+The distance of the thumbnail from the right side of the container.
+
+### top(number|string)
+
+The distance of the thumbnail from the top side of the container.
+
+### bottom(number|string)
+
+The distance of the thumbnail from the bottom side of the container.
+
+### borderColor(Object)
+
+Thumbnail border color.
+
+### backgroundColor(Object)
+
+Thumbnail background color.
+
+### overlayBackgroundColor(Object)
+
+Overlay background color
+
+### selectedDataBackground(Object)
+
+select box style.
diff --git a/en/option/series/tree.md b/en/option/series/tree.md
index 9a40d2084..1edf05ac1 100644
--- a/en/option/series/tree.md
+++ b/en/option/series/tree.md
@@ -472,3 +472,57 @@ Defines the style of the tree edge.
     prefix = ${prefix},
     state = ${state}
 ) }}
+
+## thumbnail(Object)
+
+Thumbnails that show the relationship between visible data and overall data.
+
+### show(boolean) = false
+
+<ExampleUIControlBoolean default="false" />
+
+Whether to display thumbnails.
+
+### height(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+The height of the thumbnail
+
+### width(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+The width of the thumbnail
+
+### left(number|string)
+
+The distance of the thumbnail from the left side of the container.
+
+### right(number|string)
+
+The distance of the thumbnail from the right side of the container.
+
+### top(number|string)
+
+The distance of the thumbnail from the top side of the container.
+
+### bottom(number|string)
+
+The distance of the thumbnail from the bottom side of the container.
+
+### borderColor(Object)
+
+Thumbnail border color.
+
+### backgroundColor(Object)
+
+Thumbnail background color.
+
+### overlayBackgroundColor(Object)
+
+Overlay background color
+
+### selectedDataBackground(Object)
+
+select box style.
diff --git a/zh/option/series/graph.md b/zh/option/series/graph.md
index 9848dba0c..2d17b7470 100644
--- a/zh/option/series/graph.md
+++ b/zh/option/series/graph.md
@@ -707,3 +707,56 @@ links: [{
     prefix = "####",
     defaultShow = true
 ) }}
+
+## thumbnail(Object)
+缩略图，能够展示可见数据和整体数据的关系。
+
+### show(boolean) = false
+
+<ExampleUIControlBoolean default="false" />
+
+是否显示缩略图。
+
+### height(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+缩略图的高度
+
+### width(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+缩略图的宽度
+
+### left(number|string)
+
+缩略图离容器左侧的距离。
+
+### right(number|string)
+
+缩略图离容器右侧的距离。
+
+### top(number|string)
+
+缩略图离容器上侧的距离。
+
+### bottom(number|string)
+
+缩略图离容器底侧的距离。
+
+### borderColor(Object)
+
+缩略图边框颜色
+
+### backgroundColor(Object)
+
+缩略图背景颜色
+
+### overlayBackgroundColor(Object)
+
+覆盖图背景颜色
+
+### selectedDataBackground(Object)
+
+选择框样式
diff --git a/zh/option/series/tree.md b/zh/option/series/tree.md
index a91f3c02f..2aa6cf108 100644
--- a/zh/option/series/tree.md
+++ b/zh/option/series/tree.md
@@ -515,3 +515,56 @@ center: [115.97, '30%']
     prefix = ${prefix},
     state = ${state}
 ) }}
+
+## thumbnail(Object)
+缩略图，能够展示可见数据和整体数据的关系。
+
+### show(boolean) = false
+
+<ExampleUIControlBoolean default="false" />
+
+是否显示缩略图。
+
+### height(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+缩略图的高度
+
+### width(number)
+
+<ExampleUIControlNumber min="0" step="1" />
+
+缩略图的宽度
+
+### left(number|string)
+
+缩略图离容器左侧的距离。
+
+### right(number|string)
+
+缩略图离容器右侧的距离。
+
+### top(number|string)
+
+缩略图离容器上侧的距离。
+
+### bottom(number|string)
+
+缩略图离容器底侧的距离。
+
+### borderColor(Object)
+
+缩略图边框颜色
+
+### backgroundColor(Object)
+
+缩略图背景颜色
+
+### overlayBackgroundColor(Object)
+
+覆盖图背景颜色
+
+### selectedDataBackground(Object)
+
+选择框样式