You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by wa...@apache.org on 2019/09/15 16:12:54 UTC
[incubator-echarts-doc] branch gl-en updated: doc: add gl en
translation.
This is an automated email from the ASF dual-hosted git repository.
wangdd pushed a commit to branch gl-en
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-doc.git
The following commit(s) were added to refs/heads/gl-en by this push:
new 6fe445c doc: add gl en translation.
6fe445c is described below
commit 6fe445c1ce8acd296aff773115f0d10b5e56ec2c
Author: Wdingding <wa...@gmail.com>
AuthorDate: Mon Sep 16 00:12:40 2019 +0800
doc: add gl en translation.
---
en/option-gl/component/axis3D-axis-common.md | 134 +++++++++++++++++++++++++++
en/option-gl/component/axis3D-common.md | 82 ++++++++--------
en/option-gl/component/grid3D.md | 73 +++++++++++++++
en/option-gl/component/xAxis3D.md | 27 ++++++
en/option-gl/component/yAxis3D.md | 27 ++++++
en/option-gl/component/zAxis3D.md | 27 ++++++
en/option-gl/option-gl.md | 20 +++-
en/option-gl/partial/animation.md | 27 ++++++
en/option-gl/partial/area-style.md | 18 ++++
en/option-gl/partial/label.md | 101 ++++++++++++++++++++
en/option-gl/series/silent.md | 4 +
11 files changed, 498 insertions(+), 42 deletions(-)
diff --git a/en/option-gl/component/axis3D-axis-common.md b/en/option-gl/component/axis3D-axis-common.md
new file mode 100644
index 0000000..528e41e
--- /dev/null
+++ b/en/option-gl/component/axis3D-axis-common.md
@@ -0,0 +1,134 @@
+{{ target: component-axis3D-axis-common }}
+
+## grid3DIndex(number) = 0
+
+The index of the [grid3D](~grid3D) component used by the axis. The default is to use the first [grid3D](~grid3D) component.
+
+## nameTextStyle(Object)
+
+Text style of axis name.
+
+{{ use: partial-text-style(
+ prefix='##',
+ defaultFontSize=16
+)}}
+
+### color(Color)
+
+Color of axis name uses [axisLine.lineStyle.color](~${componentType}.axisLine.lineStyle.color) by default.
+
+## nameGap(number) = 20
+
+Gap between axis name and axis line. Note the distance in 3D space, not the screen pixel value.
+
+## type(string) = ${axisTypeDefault|default('value')}
+
+The type of the axis.
+
+Optional:
++ `'value'`
+ The value axis. Suitable for the continuous data.
+
++ `'category'`
+ The category axis. Suitable for the discrete category data. For this type, the category data must be set through [data](~${componentType}.data).
+
++ `'time'`
+ The timeline. Suitable for the continuous timing data. The time axis has a time format compared to the value axis, and the scale calculation is also different. For example, the scale of the month, week, day, and hour ranges can be determined according to the range of the span.
+
++ `'log'`
+ Logarithmic axis. Suitable for the logarithmic data.
+
+## min(number|string) = null
+
+The minimun value of axis.
+
+It can be set to a special value `'dataMin'` so that the minimum value on this axis is set to be the minimum label.
+
+It will be automatically computed to make sure axis tick is equally distributed when not set.
+
+In category axis, it can also be set as the ordinal number. For example, if a catergory axis has `data: ['categoryA', 'categoryB', 'categoryC']`, and the ordinal `2` represents `'categoryC'`. Moreover, it can be set as negative number, like `-3`.
+
+## max(number|string) = null
+
+The maximum value of axis.
+
+It can be set to a special value `'dataMax'` so that the minimum value on this axis is set to be the maximum label.
+
+It will be automatically computed to make sure axis tick is equally distributed when not set.
+
+In category axis, it can also be set as the ordinal number. For example, if a catergory axis has `data: ['categoryA', 'categoryB', 'categoryC']`, and the ordinal `2` represents `'categoryC'`. Moreover, it can be set as negative number, like `-3`.
+
+## scale(boolean) = false
+
+It is available only in numerical axis, i.e., [type](~${componentType}.type): 'value'.
+
+It specifies whether not to contain zero position of axis compulsively. When it is set to be `true`, the axis may not contain zero position, which is useful in the scatter chart for both value axes.
+
+This configuration item is unavailable when the [min](~${componentType}.min) and [max](~${componentType}.max) are set.
+
+## splitNumber(number) = 5
+
+Number of segments that the axis is split into. Note that this number serves only as a recommendation, and the true segments may be adjusted based on readability.
+
+This is unavailable for category axis.
+
+## minInterval(number) = 0
+
+Minimum gap between split lines.
+
+For example, it can be set to be `1` to make sure axis label is show as an integer.
+
+```js
+{
+ minInterval: 1
+}
+```
+
+It is available only for axis of [type](~${componentType}.type) 'value' or 'time'.
+
+## interval(number)
+
+Compulsively set segmentation interval for axis.
+
+As [splitNumber](~${componentType}.splitNumber) is a recommendation value, the calculated tick may not be the same as expected. In this case, interval should be used along with [min](~${componentType}.min) and [max](~${componentType}.max) to compulsively set tickings. But in most cases, we do not suggest using this, out automatic calculation is enough for most situations.
+
+This is unavailable for category axis. Timestamp should be passed for [type](~${componentType}.type): 'time' axis. Logged value should be passed for [type](~${componentType}.type): 'log' axis.
+
+## logBase(number) = 10
+
+Base of logarithm, which is valid only for numeric axes with [type](~${componentType}.type): 'log'.
+
+## data(Array)
+
+Category data, available in [type](~${componentType}.type): 'category' axis.
+
+If [type](~${componentType}.type) is specified as `'category'`, but `axis.data` is not specified, `axis.data` will be auto collected from [series.data](~series.data). It brings convenience, but we should notice that `axis.data` provides then value range of the `'category'` axis. If it is auto collected from [series.data](~series.data), Only the values appearing in [series.data](~series.data) can be collected. For example, if [series.data](~series.data) is empty, nothing will be collected.
+
+Example:
+
+```js
+// Name list of all categories
+data: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
+// Each item could also be a specific configuration item.
+// In this case, `value` is used as the category name.
+data: [{
+ value: 'Monday',
+ // Highlight Monday
+ textStyle: {
+ fontSize: 20,
+ color: 'red'
+ }
+}, 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
+```
+
+### value(string)
+
+Name of a category.
+
+### textStyle(Object)
+
+Text style of the category.
+
+{{ use:partial-text-style(
+ prefix='###'
+) }}
diff --git a/en/option-gl/component/axis3D-common.md b/en/option-gl/component/axis3D-common.md
index 27af14c..2b076f7 100644
--- a/en/option-gl/component/axis3D-common.md
+++ b/en/option-gl/component/axis3D-common.md
@@ -21,12 +21,12 @@ The content formatter for tick labels. Supports both string templates and callba
Example:
```js
-// 使用字符串模板，模板变量为刻度默认标签 {value}
+// Use string template; template variable is the default label of axis {value}
formatter: '{value} kg'
-// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引
+// Use callback function; function parameters are axis index
formatter: function (value, index) {
- // 格式化成月/日，只在第一个刻度显示年份
+ // Formatted to be month/day; display year only in the first label
var date = new Date(value);
var texts = [(date.getMonth() + 1), date.getDate()];
if (index === 0) {
@@ -41,21 +41,21 @@ formatter: function (value, index) {
{{ target: component-axis3D-common-axisLine }}
#${prefix|default('#')} axisLine(Object)
-啊啊啊 坐标轴轴线相关设置。
+Settings related to axis line.
##${prefix|default('#')} show(boolean) = ${defaultShow|default(true)}
-是否显示坐标轴轴线。
+Set this to `false` to prevent the axis line from showing.
{{ if: ${hasLabelInterval|default(true)} }}
##${prefix|default('#')} interval(number|Function) = 'auto'
{{ use: component-axis3D-common-axis-interval(
- name="坐标轴刻度标签",
+ name="axis scale label",
isAxisLabel=true,
componentType=${componentType}
) }}
{{ /if }}
##${prefix|default('#')} lineStyle(Object)
-{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'#333'", defaultWidth=2, name="坐标轴线") }}
+{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'#333'", defaultWidth=2, name="axisLine") }}
@@ -63,19 +63,19 @@ formatter: function (value, index) {
{{ target: component-axis3D-common-axisLabel }}
#${prefix|default('#')} axisLabel(Object)
-坐标轴刻度标签的相关设置。
+Settings related to axis label.
##${prefix|default('#')} show(boolean) = ${defaultShow|default(true)}
-是否显示刻度标签。
+Set this to `false` to prevent the axis label from appearing.
##${prefix|default('#')} margin(number) = 8
-刻度标签与轴线之间的距离。
+The margin between the axis label and the axis line.
-**注意：** 这个距离是三维空间而非屏幕空间的。
+**Note：** This distance is three-dimensional space and not screen space.
{{ if: ${hasLabelInterval|default(true)} }}
##${prefix|default('#')} interval(number|Function) = 'auto'
{{ use: component-axis3D-common-axis-interval(
- name="坐标轴刻度标签",
+ name="axis scale label",
isAxisLabel=true,
componentType=${componentType}
) }}
@@ -93,13 +93,12 @@ formatter: function (value, index) {
<!-- Overwrite color -->
###${prefix|default('#')} color(Color|Function)
-刻度标签文字的颜色，默认取 [axisLine.lineStyle.color](~${componentType}.axisLine.lineStyle.color)。支持回调函数，格式如下
+Color of axis label is set to be axisLine.lineStyle.color by default. Callback function is supported, in the following format:
```js
(val: string) => Color
```
-
-参数是标签的文本，返回颜色值，如下示例：
+Parameter is the text of label, and return value is the color. See the following example:
```js
textStyle: {
@@ -113,48 +112,47 @@ textStyle: {
{{ target: component-axis3D-common-axisTick }}
#${prefix|default('#')} axisTick(Object)
-坐标轴刻度相关设置。
+Settings related to axis tick.
##${prefix|default('#')} show(boolean) = ${defaultShow|default(true)}
-是否显示坐标轴刻度。
+Set this to `false` to prevent the axis tick from showing.
{{ if: ${hasLabelInterval|default(true)} }}
##${prefix|default('#')} interval(number|Function) = 'auto'
{{ use: component-axis3D-common-axis-interval(
- name="坐标轴刻度标签",
+ name="axis scale label",
componentType=${componentType}
) }}
{{ /if }}
##${prefix|default('#')} length(number) = 5
-坐标轴刻度的长度。
+The length of the axis tick.
##${prefix|default('#')} lineStyle(Object)
-{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'#333'", defaultWidth=1, name="坐标轴线") }}
+{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'#333'", defaultWidth=1, name="axisLine") }}
<!-- Overwrite color -->
###${prefix|default('#')} color(Color)
-刻度线的颜色，默认取 [axisLine.lineStyle.color](~${componentType}.axisLine.lineStyle.color)。
-
+Color of axis label is set to be [axisLine.lineStyle.color](~${componentType}.axisLine.lineStyle.color) by default.
{{ target: component-axis3D-common-splitLine }}
#${prefix|default('#')} splitLine(Object)
-坐标轴轴线相关设置。
+Settings related to axis line.
##${prefix|default('#')} show(boolean) = ${defaultShow|default(true)}
-是否显示坐标轴轴线。
+Set this to `false` to prevent the axis line from showing.
{{ if: ${hasLabelInterval|default(true)} }}
##${prefix|default('#')} interval(number|Function) = 'auto'
{{ use: component-axis3D-common-axis-interval(
- name="坐标轴刻度标签",
+ name="axis scale label",
isAxisLabel=true,
componentType=${componentType}
) }}
{{ /if }}
##${prefix|default('#')} lineStyle(Object)
-{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'#333'", defaultWidth=2, name="坐标轴线") }}
+{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'#333'", defaultWidth=2, name="axisLine") }}
@@ -162,22 +160,24 @@ textStyle: {
#${prefix|default('#')} splitArea(Object)
-坐标轴在 [grid3D](~grid3D) 的平面上的分隔区域。
-##${prefix|default('#')} show(boolean) = ${defaultShow|default(true)}
-是否显示分隔区域。
+Split area of axis in [grid](~grid) area
+
+##${prefix|default('#')} show(boolean) = ${defaultShow|default(false)}
+Set this to `true` to show the splitArea.
{{ if: ${hasLabelInterval|default(true)} }}
##${prefix|default('#')} interval(number|Function) = 'auto'
{{ use: component-axis3D-common-axis-interval(
- name="坐标轴分隔区域",
+ name="Axis splitArea",
componentType=${componentType}
) }}
{{ /if }}
##${prefix|default('#')} areaStyle(Object)
-分隔区域的样式设置。
+Split area style.
###${prefix|default('#')} color(Array) = ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
-分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
+Color of split area.
+SplitArea color could also be set in color array, which the split lines would take as their colors in turns. Dark and light colors in turns are used by default.
{{ use:partial-style-shadow-opacity(prefix='##' + ${prefix|default('#')}) }}
@@ -186,35 +186,35 @@ textStyle: {
{{ target: component-axis3D-common-axisPointer }}
#${prefix|default('#')} axisPointer(Object)
-坐标轴指示线。
+
+Configurations for axis pointer.
##${prefix|default('#')} show(boolean) = ${defaultShow|default(true)}
-是否显示坐标轴指示线。
+Whether to display the axisPointer. Set this to `true` to show the splitArea.
##${prefix|default('#')} lineStyle(Object)
-{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'rgba(0, 0, 0, 0.8)'", defaultWidth=1, name="坐标轴指示线") }}
+{{ use: partial-line-style(prefix='##' + ${prefix|default('#')}, defaultColor="'rgba(0, 0, 0, 0.8)'", defaultWidth=1, name="axisPointer") }}
##${prefix|default('#')} label(Object)
-指示线标签。
+Label of axisPointer.
###${prefix|default('#')} show(boolean) = true
-是否显示指示线标签。默认数值轴显示，类目轴不显示。
+Whether to display the label of axisPointer. The default value axis is displayed, the category axis is not displayed.
###${prefix|default('#')} formatter(Function)
-
-标签格式器，函数第一个参数是当前坐标轴的数值，第二个参数是所有坐标轴的数值数组
+The formatter of label. The first parameter to the function is the value of the current axis. The second parameter to the function is an array of values for all axes
```js
(value: number, valueAll: Array) => string
```
###${prefix|default('#')} margin(number)
-
-标签距离坐标轴的距离。同刻度标签一样，这个距离是三维空间而非屏幕像素。
+Distance between label and axis.
+Like the scale label, this distance is a 3D space rather than a screen pixel.
###${prefix|default('#')} textStyle(Object)
diff --git a/en/option-gl/component/grid3D.md b/en/option-gl/component/grid3D.md
new file mode 100644
index 0000000..47eecb1
--- /dev/null
+++ b/en/option-gl/component/grid3D.md
@@ -0,0 +1,73 @@
+{{ target: component-grid3D }}
+
+# grid3D(Object)
+3D cartesian coordinate system component. 需要和 [xAxis3D](~xAxis3D)，[yAxis3D](~yAxis3D)，[zAxis3D](~zAxis3D) 三个坐标轴组件一起使用。
+
+You can draw [3D Lines] (~series-line3D), [3D Bar] (~series-bar3D), [3D Scatter] (~series-scatter3D), [surface] (~series-surface) on the 3D Cartesian coordinate system.
+
+You can set the [postEffect] (~grid3D.postEffect), [light] (~grid3D.light) and other configuration items to improve the display of 3D charts in `grid3D`.
+
+Below is a description of the axis configuration items in grid3D.
+
+
+
+---
+
+> **Note：** The [axisLine](~xAxis3D.axisLine), [axisTick](~xAxis3D.axisTick), [axisLabel](~xAxis3D.axisLabel), [splitLine](~xAxis3D.splitLine), [splitArea](~xAxis3D.splitArea), [axisPointer](~xAxis3D.axisPointer) set separately on [xAxis3D](~xAxis3D)，[yAxis3D](~yAxis3D)，[zAxis3D](~zAxis3D) will cover the corresponding configuration items under [grid3D](~grid3D).
+
+
+## show(boolean)
+Whether to display 3D cartesian coordinate system component.
+
+
+{{ use: partial-box-size(
+ componentType='grid3D',
+ componentName='3D cartesian coordinate system',
+ defaultBoxWidth = 100,
+ defaultBoxHeight = 100,
+ defaultBoxDepth = 100
+) }}
+
+{{ use: component-axis3D-common(
+ prefix="#",
+ componentType="grid3D",
+ componentName='3D cartesian coordinate system'
+)}}
+
+{{ use: partial-environment(
+ componentType='grid3D',
+ componentName='3D cartesian coordinate system'
+) }}
+
+{{ use: partial-light(
+ componentType='grid3D',
+ componentName='3D cartesian coordinate system',
+ defaultMainLightAlpha=30,
+ defaultMainLightBeta=40
+) }}
+
+{{ use: partial-post-effect(
+ componentType='grid3D',
+ componentName='3D cartesian coordinate system'
+) }}
+
+{{ use: partial-temporal-super-sampling(
+ componentType='grid3D',
+ componentName='3D cartesian coordinate system'
+) }}
+
+{{ use: partial-view-control(
+ componentType='grid3D',
+ componentName='3D cartesian coordinate system'
+ defaultAlpha=20,
+ defaultBeta=40,
+ defaultDistance=200,
+ defaultMinDistance=40,
+ defaultMaxDistance=400
+) }}
+
+
+{{ use: partial-zlevel }}
+
+{{ use: partial-viewport }}
+
diff --git a/en/option-gl/component/xAxis3D.md b/en/option-gl/component/xAxis3D.md
new file mode 100644
index 0000000..f251f68
--- /dev/null
+++ b/en/option-gl/component/xAxis3D.md
@@ -0,0 +1,27 @@
+{{ target: component-xAxis3D }}
+
+# xAxis3D(Object)
+
+X-axis in 3D cartesian coordinate system.
+You can use [grid3DIndex](~xAxis3D.grid3DIndex) to index [3D cartesian coordinate system](~grid3D)。
+
+The [axisLine](~xAxis3D.axisLine), [axisTick](~xAxis3D.axisTick), [axisLabel](~xAxis3D.axisLabel), [splitLine](~xAxis3D.splitLine), [splitArea](~xAxis3D.splitArea), [axisPointer](~xAxis3D.axisPointer) set separately on [xAxis3D](~xAxis3D) will cover the corresponding configuration items under [grid3D](~grid3D).
+
+## show(boolean)
+
+Whether to display the x-axis.
+
+## name(string) = 'X'
+
+The name of the axis.
+
+{{ use: component-axis3D-axis-common(
+ componentType="xAxis3D",
+ componentName='x axis'
+) }}
+
+{{ use: component-axis3D-common(
+ prefix="#",
+ componentType="xAxis3D",
+ componentName='x axis'
+)}}
\ No newline at end of file
diff --git a/en/option-gl/component/yAxis3D.md b/en/option-gl/component/yAxis3D.md
new file mode 100644
index 0000000..1cf90ca
--- /dev/null
+++ b/en/option-gl/component/yAxis3D.md
@@ -0,0 +1,27 @@
+{{ target: component-yAxis3D }}
+
+# yAxis3D(Object)
+
+Y-axis in 3D cartesian coordinate system.
+You can use [grid3DIndex](~yAxis3D.grid3DIndex) to index [3D cartesian coordinate system](~grid3D)。
+
+The [axisLine](~yAxis3D.axisLine), [axisTick](~yAxis3D.axisTick), [axisLabel](~yAxis3D.axisLabel), [splitLine](~yAxis3D.splitLine), [splitArea](~yAxis3D.splitArea), [axisPointer](~yAxis3D.axisPointer) set separately on [yAxis3D](~yAxis3D) will cover the corresponding configuration items under [grid3D](~grid3D).
+
+## show(boolean)
+
+Whether to display the y-axis.
+
+## name(string) = 'Y'
+
+The name of the axis.
+
+{{ use: component-axis3D-axis-common(
+ componentType="yAxis3D",
+ componentName='y axis'
+) }}
+
+{{ use: component-axis3D-common(
+ prefix="#",
+ componentType="yAxis3D",
+ componentName='y axis'
+)}}
\ No newline at end of file
diff --git a/en/option-gl/component/zAxis3D.md b/en/option-gl/component/zAxis3D.md
new file mode 100644
index 0000000..03838f3
--- /dev/null
+++ b/en/option-gl/component/zAxis3D.md
@@ -0,0 +1,27 @@
+{{ target: component-zAxis3D }}
+
+# zAxis3D(Object)
+
+Z-axis in 3D cartesian coordinate system.
+You can use [grid3DIndex](~zAxis3D.grid3DIndex) to index [3D cartesian coordinate system](~grid3D)。
+
+The [axisLine](~zAxis3D.axisLine), [axisTick](~zAxis3D.axisTick), [axisLabel](~zAxis3D.axisLabel), [splitLine](~zAxis3D.splitLine), [splitArea](~zAxis3D.splitArea), [axisPointer](~zAxis3D.axisPointer) set separately on [zAxis3D](~zAxis3D) will cover the corresponding configuration items under [grid3D](~grid3D).
+
+## show(boolean)
+
+Whether to display the z-axis.
+
+## name(string) = 'Z'
+
+The name of the axis.
+
+{{ use: component-axis3D-axis-common(
+ componentType="zAxis3D",
+ componentName='z axis'
+) }}
+
+{{ use: component-axis3D-common(
+ prefix="#",
+ componentType="zAxis3D",
+ componentName='z axis'
+)}}
\ No newline at end of file
diff --git a/en/option-gl/option-gl.md b/en/option-gl/option-gl.md
index ad2eb8a..5bfaf24 100644
--- a/en/option-gl/option-gl.md
+++ b/en/option-gl/option-gl.md
@@ -1,3 +1,21 @@
{{target: option-gl}}
-{{import: component-globe}}
\ No newline at end of file
+{{import: component-globe}}
+{{import: component-geo3D}}
+{{import: component-mapbox3D}}
+{{import: component-grid3D}}
+{{import: component-xAxis3D}}
+{{import: component-yAxis3D}}
+{{import: component-zAxis3D}}
+
+{{import: series-scatter3D}}
+{{import: series-bar3D}}
+{{import: series-line3D}}
+{{import: series-lines3D}}
+{{import: series-map3D}}
+{{import: series-surface}}
+{{import: series-polygons3D}}
+
+{{import: series-scatterGL}}
+{{import: series-graphGL}}
+{{import: series-flowGL}}
\ No newline at end of file
diff --git a/en/option-gl/partial/animation.md b/en/option-gl/partial/animation.md
new file mode 100644
index 0000000..6a6422a
--- /dev/null
+++ b/en/option-gl/partial/animation.md
@@ -0,0 +1,27 @@
+{{ target: partial-animation}}
+
+#${prefix|default('#')} animation(boolean) = ${defaultAnimation|default(true)}
+
+Whether to turn on animation.
+
+#${prefix|default('#')} animationDurationUpdate(number) = ${defaultAnimationDurationUpdate|default(500)}
+
+The length of the transition animation.
+
+#${prefix|default('#')} animationEasingUpdate(string) = ${defaultAnimationEasingUpdate|default('cubicOut')}
+
+The easing effect of the transition animation.
+
+{{ if: ${animationDelay} }}
+#${prefix|default('#')} animationDelayUpdate(number) = 0
+
+The delay of the transition animation. Support for callback functions. A more dramatic update animation can be achieved by returning different delay times through each data.
+
+如下示例：
+```js
+animationDelayUpdate: function (idx) {
+ return idx * 100;
+}
+```
+
+{{ /if }}
\ No newline at end of file
diff --git a/en/option-gl/partial/area-style.md b/en/option-gl/partial/area-style.md
new file mode 100644
index 0000000..c5e361e
--- /dev/null
+++ b/en/option-gl/partial/area-style.md
@@ -0,0 +1,18 @@
+{{ target: partial-area-style }}
+
+#${prefix|default('##')} ${colorName|default('color')}(string{{if: ${hasCallback} }}|Function{{/if}})=${defaultColor|default('自适应')}
+
+图形区域的颜色。{{ if: ${useColorPalette} }} 默认从全局调色盘 [option.color](http://echarts.baidu.com/option.html#color) 获取颜色 {{/if}}
+
+除了颜色字符串外，支持使用数组表示的 RGBA 值，例如：
+
+```js
+// 纯白色
+[1, 1, 1, 1]
+```
+
+使用数组表示的时候，每个通道可以设置大于 1 的值用于表示 HDR 的色值。
+
+#${prefix|default('##')} opacity(number) = ${defaultOpacity|default(1)}
+
+图形区域的不透明度。
diff --git a/en/option-gl/partial/label.md b/en/option-gl/partial/label.md
new file mode 100644
index 0000000..c716d18
--- /dev/null
+++ b/en/option-gl/partial/label.md
@@ -0,0 +1,101 @@
+
+{{ target: partial-text-style }}
+
+#${prefix|default('###')} color(string)=${defaultColor|default('"#fff"')}
+
+The Color of the text.
+
+#${prefix|default('###')} borderWidth(number)=${defaultBorderWidth|default(0)}
+
+Storke line width of the text.
+
+#${prefix|default('###')} borderColor(string)=${defaultBorderColor|default('#fff')}
+
+Storke color of the text.
+
+
+#${prefix|default('###')} fontFamily(string)='sans-serif'
+
+The font family of the text.
+
+#${prefix|default('###')} fontSize(number)=${defaultFontSize|default(12)}
+
+${name}The font size of the text.
+
+#${prefix|default('###')} fontWeight(string)=${defaultFontWeight|default('normal')}
+
+${name}The font thick weight of the text.
+
+**Optional:**
++ `'normal'`
++ `'bold'`
++ `'bolder'`
++ `'lighter'`
++ 100 | 200 | 300 | 400...
+
+
+
+
+
+{{ target: partial-label }}
+
+#${prefix|default('##')} show(boolean) = ${defaultShow|default(false)}
+
+Whether to show the label
+
+#${prefix|default('##')} distance(number) = ${defaultDistance}
+
+Distance to the host graphic element.
+
+The distance from the label to the graphic. In a 3D Scatter , this distance is the pixel value of the screen space. In other figures, this distance is the relative 3D distance.
+
+{{ if: ${hasPosition} }}
+#${prefix|default('##')} position(string) = ${defaultPosition|default('top')}
+
+The location of the label.
+
+**Optional:**
+
++ 'top'
++ 'left'
++ 'right'
++ 'bottom'
+
+{{ /if }}
+
+#${prefix|default('##')} formatter(Function|string)
+
+Data label formatter, which supports string template and callback function. In either form, `\n` is supported to represent a new line.
+
+**String template**
+Model variation includes:
++ `{a}`: series name.
++ `{b}`: the name of a data item.
++ `{c}`: the value of a data item.
+
+**example: **
+```js
+formatter: '{b}: {c}'
+```
+
+**Callback function**
+Callback function is in form of:
+```js
+(params: Object|Array) => string
+```
+where `params` is the single dataset needed by formatter, which is formed as:
+{{ use: partial-formatter-params-structure(extra = ${extra}) }}
+
+
+#${prefix|default('##')} textStyle(Object)
+
+The font style of the label.
+
+{{ use:partial-text-style(
+ prefix=${prefix|default('##')} + '#',
+ defaultColor=${defaultTextColor},
+ defaultBorderWidth=${defaultTextBorderWidth},
+ defaultBorderColor=${defaultTextBorderColor},
+ defaultFontSize=${defaultTextFontSize},
+ defaultFontWeight=${defaultTextFontWeight}
+) }}
\ No newline at end of file
diff --git a/en/option-gl/series/silent.md b/en/option-gl/series/silent.md
new file mode 100644
index 0000000..13abf6d
--- /dev/null
+++ b/en/option-gl/series/silent.md
@@ -0,0 +1,4 @@
+{{ target: partial-silent }}
+${prefix|default('#')}# silent(boolean) = false
+
+Whether the graph doesn`t respond and triggers a mouse event. The default is false, which is to respond to and trigger mouse events.
\ No newline at end of file
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org