Add thumbnail component doc.

Author: 100pah

en/api/echarts-instance.md

@@ -676,6 +676,9 @@ The format of the input `coord` and return type are defined by each coordinate s
 
 
 ## convertToLayout(Function)
+
+{{ use: partial-version(version = "6.0.0") }}
+
 ```ts
 (
     // `finder` is used to indicate in which coordinate system

en/option/component/thumbnail.md

@@ -0,0 +1,76 @@
+{{ target: component-thumbnail }}
+
+# thumbnail(Object)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+Thumbnail component.
+
+Currently it only supports [series.graph](~series-graph).
+
+Examples: [graph NPM](${galleryEditorPath}graph-npm&edit=1&reset=1), [graph Webkit dep](${galleryEditorPath}graph-webkit-dep&edit=1&reset=1).
+
+
+{{ use: partial-component-id(
+    prefix = "#"
+) }}
+
+## show(boolean) = true
+
+Whether to display the thumbnail component.
+
+{{ use: partial-rect-layout-width-height(
+    componentName = "thumbnail",
+    defaultLeft = "25%",
+    defaultTop = "25%"
+) }}
+
+{{ use: partial-coord-sys(
+    version = '6.0.0',
+    nonSeriesComponentMainType = "thumbnail",
+    coordSysDefault = "'none'",
+    matrix = true,
+    calendar = true,
+    none = true
+) }}
+
+## itemStyle(Object)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+The style of the box and background of the thumbnail.
+
+{{ use: partial-item-style(
+    prefix = '##',
+    defaultBorderColor = "'#b7b9be'",
+    defaultBorderWidth = 2
+) }}
+
+## windowStyle(Object)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+The style of the window of the thumbnail.
+
+{{ use: partial-item-style(
+    prefix = '##',
+    defaultColor = "'#9ea0a5'",
+    defaultBorderColor = "'#b7b9be'",
+    defaultBorderWidth = 1,
+    defaultOpacity = 0.3
+) }}
+
+## seriesIndex(number)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+Specify which series this thumbnail is for. Use the first [series.graph](~series-graph) by default.
+
+## seriesId(string|number)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+Specify which series this thumbnail is for. Use the first [series.graph](~series-graph) by default.
+
+
+{{ /target }}

en/option/option.md

@@ -23,6 +23,7 @@
 {{import: component-graphic}}
 {{import: component-calendar}}
 {{import: component-matrix}}
+{{import: component-thumbnail}}
 {{import: component-dataset}}
 {{import: component-aria}}
 

en/option/series/custom.md

@@ -218,6 +218,8 @@ The behavior, parameters and returns are the same as [chart.convertToPixel](api.
 
 ##### layout(Function)
 
+{{ use: partial-version(version = "6.0.0") }}
+
 Convert data to the corresponding layout info based on the current coordinate system.
 
 The behavior, parameters and returns are the same as [chart.convertToLayout](api.html#echartsInstance.convertToLayout) (only exclude its first parameter `finder`).

zh/api/echarts-instance.md

@@ -679,6 +679,9 @@ ECharts 中的事件有两种，一种是鼠标事件，在鼠标点击某个图
 
 
 ## convertToLayout(Function)
+
+{{ use: partial-version(version = "6.0.0") }}
+
 ```ts
 (
     // `finder` 用于指示『使用哪个坐标系或数轴或系列进行转换』。

zh/option/component/thumbnail.md

@@ -0,0 +1,75 @@
+{{ target: component-thumbnail }}
+
+# thumbnail(Object)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+缩略图组件。
+
+现在仅支持用在 [关系图系列（series.graph）](~series-graph) 上。
+
+示例：[graph NPM](${galleryEditorPath}graph-npm&edit=1&reset=1)、[graph Webkit dep](${galleryEditorPath}graph-webkit-dep&edit=1&reset=1)。
+
+
+{{ use: partial-component-id(
+    prefix = "#"
+) }}
+
+## show(boolean) = true
+
+是否显示缩略图组件。
+
+{{ use: partial-rect-layout-width-height(
+    componentName = "缩略图组件（thumbnail）",
+    defaultLeft = "25%",
+    defaultTop = "25%"
+) }}
+
+{{ use: partial-coord-sys(
+    version = '6.0.0',
+    nonSeriesComponentMainType = "thumbnail",
+    coordSysDefault = "'none'",
+    matrix = true,
+    calendar = true,
+    none = true
+) }}
+
+## itemStyle(Object)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+外壳的样式。
+
+{{ use: partial-item-style(
+    prefix = '##',
+    defaultBorderColor = "'#b7b9be'",
+    defaultBorderWidth = 2
+) }}
+
+## windowStyle(Object)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+缩略图窗口的样式。
+
+{{ use: partial-item-style(
+    prefix = '##',
+    defaultColor = "'#9ea0a5'",
+    defaultBorderColor = "'#b7b9be'",
+    defaultBorderWidth = 1,
+    defaultOpacity = 0.3
+) }}
+
+## seriesIndex(number)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+指定此缩略图作用在哪个系列上。默认取第一个 [关系图系列（series.graph）](~series-graph)。
+
+## seriesId(string|number)
+
+{{ use: partial-version(version = "6.0.0") }}
+
+指定此缩略图作用在哪个系列上。默认取第一个 [关系图系列（series.graph）](~series-graph)。
+
+{{ /target }}

zh/option/option.md

@@ -23,6 +23,7 @@
 {{import: component-graphic}}
 {{import: component-calendar}}
 {{import: component-matrix}}
+{{import: component-thumbnail}}
 {{import: component-dataset}}
 {{import: component-aria}}
 

zh/option/series/custom.md

@@ -207,6 +207,8 @@ renderItem 函数的第二个参数。
 
 ##### layout(Function)
 
+{{ use: partial-version(version = "6.0.0") }}
+
 将数据值转换成坐标系上的布局信息。
 
 其行为、输入参数和返回值和 [chart.convertToLayout](api.html#echartsInstance.convertToLayout) 相同（只是去除它的第一个参数 `finder`）。