You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2020/06/29 12:00:34 UTC
[incubator-echarts-doc] branch live-example updated: example: add
en title
This is an automated email from the ASF dual-hosted git repository.
shenyi pushed a commit to branch live-example
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-doc.git
The following commit(s) were added to refs/heads/live-example by this push:
new 083ddca example: add en title
083ddca is described below
commit 083ddca56fcf895b4455d19e7f771377f014c848
Author: pissang <bm...@gmail.com>
AuthorDate: Mon Jun 29 20:00:15 2020 +0800
example: add en title
---
build.js | 6 +++---
src/components/LiveExample.vue | 2 +-
src/i18n.js | 2 +-
zh/option/component/angle-axis.md | 4 ++--
zh/option/component/axisPointer.md | 2 +-
zh/option/component/calendar.md | 2 +-
zh/option/component/data-zoom-inside.md | 2 +-
zh/option/component/data-zoom-slider.md | 2 +-
zh/option/component/grid.md | 2 +-
zh/option/component/legend.md | 4 ++--
zh/option/component/parallel-axis.md | 2 +-
zh/option/component/parallel.md | 2 +-
zh/option/component/polar.md | 2 +-
zh/option/component/radar.md | 2 +-
zh/option/component/radius-axis.md | 4 ++--
zh/option/component/timeline.md | 2 +-
zh/option/component/title.md | 2 +-
zh/option/component/toolbox.md | 2 +-
zh/option/component/tooltip.md | 2 +-
zh/option/component/visual-map-continuous.md | 2 +-
zh/option/component/visual-map-piecewise.md | 2 +-
zh/option/component/x-axis.md | 4 ++--
zh/option/component/y-axis.md | 4 ++--
zh/option/series/bar.md | 6 +++---
zh/option/series/boxplot.md | 2 +-
zh/option/series/candlestick.md | 2 +-
zh/option/series/effectScatter.md | 2 +-
zh/option/series/funnel.md | 2 +-
zh/option/series/gauge.md | 2 +-
zh/option/series/graph.md | 2 +-
zh/option/series/heatmap.md | 2 +-
zh/option/series/line.md | 4 ++--
zh/option/series/parallel.md | 2 +-
zh/option/series/pictorialBar.md | 2 +-
zh/option/series/pie.md | 2 +-
zh/option/series/radar.md | 2 +-
zh/option/series/sankey.md | 2 +-
zh/option/series/scatter.md | 2 +-
zh/option/series/sunburst.md | 2 +-
zh/option/series/themeRiver.md | 2 +-
zh/option/series/tree.md | 2 +-
zh/option/series/treemap.md | 2 +-
42 files changed, 52 insertions(+), 52 deletions(-)
diff --git a/build.js b/build.js
index dbce179..204d9c1 100644
--- a/build.js
+++ b/build.js
@@ -256,15 +256,15 @@ function writeSingleSchemaPartioned(schema, language, docName, format) {
function copyUIControlConfigs(source, target) {
for (let key in source) {
if (target[key]) {
- if (source[key].uiControl) {
+ if (source[key].uiControl && !target[key].uiControl) {
target[key].uiControl = source[key].uiControl;
}
- if (source[key].exampleBaseOptions) {
+ if (source[key].exampleBaseOptions && !target[key].exampleBaseOptions) {
target[key].exampleBaseOptions = source[key].exampleBaseOptions;
}
}
else {
- console.error(`Unmatched option path ${key}`);
+ // console.error(`Unmatched option path ${key}`);
}
}
}
diff --git a/src/components/LiveExample.vue b/src/components/LiveExample.vue
index 02fbec5..f7ce7fe 100644
--- a/src/components/LiveExample.vue
+++ b/src/components/LiveExample.vue
@@ -20,7 +20,7 @@
<el-option v-for="item in shared.allOptionExamples"
:key="item.name"
:value="item.name"
- :label="item.title"
+ :label="shared.locale === 'en' ? item['title-en'] : item.title"
></el-option>
</el-select>
<el-button v-if="shared.currentExampleOption" type="primary" icon="el-icon-refresh" size="mini" @click="refreshForce">{{$t('example.refresh')}}</el-button>
diff --git a/src/i18n.js b/src/i18n.js
index 8b35eda..0237dd8 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -22,7 +22,7 @@ export default {
example: {
title: 'Preview the Option',
titleShort: 'Preview',
- intro: 'Try different values of the option and preview the effects!',
+ intro: 'Try different values of the option and preview!',
noExample: 'No example available for current component.',
tryDesc: 'Try It',
diff --git a/zh/option/component/angle-axis.md b/zh/option/component/angle-axis.md
index 6609043..6f21f68 100644
--- a/zh/option/component/angle-axis.md
+++ b/zh/option/component/angle-axis.md
@@ -5,7 +5,7 @@
极坐标系的角度轴。
-<ExampleBaseOption name="two-number-axis" title="双数值轴">
+<ExampleBaseOption name="two-number-axis" title="双数值轴" title-en="Two Number Axes">
const data = [];
for (let i = 0; i <= 360; i++) {
@@ -42,7 +42,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption name="two-category-axis" title="双类目轴">
+<ExampleBaseOption name="two-category-axis" title="双类目轴" title-en="Two Category Axes">
const hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
'7a', '8a', '9a','10a','11a',
diff --git a/zh/option/component/axisPointer.md b/zh/option/component/axisPointer.md
index 3d7f6de..3480ed3 100644
--- a/zh/option/component/axisPointer.md
+++ b/zh/option/component/axisPointer.md
@@ -5,7 +5,7 @@
这是坐标轴指示器（axisPointer）的全局公用设置。
-<ExampleBaseOption name="axis-pointer" title="坐标轴指示器">
+<ExampleBaseOption name="axis-pointer" title="坐标轴指示器" title-en="Axis Pointer">
var base = +new Date(2016, 9, 3);
var oneDay = 24 * 3600 * 1000;
var valueBase = Math.random() * 300;
diff --git a/zh/option/component/calendar.md b/zh/option/component/calendar.md
index ac7f70c..7ceb954 100644
--- a/zh/option/component/calendar.md
+++ b/zh/option/component/calendar.md
@@ -44,7 +44,7 @@
---
-<ExampleBaseOption name="calendar" title="日历图">
+<ExampleBaseOption name="calendar" title="日历图" title-en="Calendar">
function getVirtulData(year) {
year = year || '2017';
var date = +new Date(year + '-01-01');
diff --git a/zh/option/component/data-zoom-inside.md b/zh/option/component/data-zoom-inside.md
index de904dc..aff8aad 100644
--- a/zh/option/component/data-zoom-inside.md
+++ b/zh/option/component/data-zoom-inside.md
@@ -14,7 +14,7 @@
+ 移动端：在移动端触屏上，支持两指滑动缩放。
-<ExampleBaseOption name="data-zoom-inside" title="使用拖拽滚轮平移缩放">
+<ExampleBaseOption name="data-zoom-inside" title="使用拖拽滚轮平移缩放" title-en="DataZoom with Pan and Zoom">
const data = [["2014-07-14",156],["2014-07-15",140],["2014-07-16",133],["2014-07-17",186],["2014-07-18",182],["2014-07-19",106],["2014-07-20",119],["2014-07-21",68],["2014-07-22",54],["2014-07-23",82],["2014-07-24",90],["2014-07-25",134],["2014-07-26",188],["2014-07-27",194],["2014-07-28",159],["2014-07-29",159],["2014-07-30",169],["2014-07-31",244],["2014-08-01",199],["2014-08-02",163],["2014-08-03",149],["2014-08-05",80],["2014-08-06",67],["2014-08-07",162],["2014-08-08",140],["2014-08 [...]
const option = {
diff --git a/zh/option/component/data-zoom-slider.md b/zh/option/component/data-zoom-slider.md
index b1cf91f..0f34afe 100644
--- a/zh/option/component/data-zoom-slider.md
+++ b/zh/option/component/data-zoom-slider.md
@@ -6,7 +6,7 @@
（参考[数据区域缩放组件（dataZoom）的介绍](~dataZoom)）
-<ExampleBaseOption name="data-zoom-slider" title="滑块缩放的 dataZoom">
+<ExampleBaseOption name="data-zoom-slider" title="滑块缩放的 dataZoom" title-en="DataZoom with Slider">
const data = [["2014-07-14",156],["2014-07-15",140],["2014-07-16",133],["2014-07-17",186],["2014-07-18",182],["2014-07-19",106],["2014-07-20",119],["2014-07-21",68],["2014-07-22",54],["2014-07-23",82],["2014-07-24",90],["2014-07-25",134],["2014-07-26",188],["2014-07-27",194],["2014-07-28",159],["2014-07-29",159],["2014-07-30",169],["2014-07-31",244],["2014-08-01",199],["2014-08-02",163],["2014-08-03",149],["2014-08-05",80],["2014-08-06",67],["2014-08-07",162],["2014-08-08",140],["2014-08 [...]
const option = {
diff --git a/zh/option/component/grid.md b/zh/option/component/grid.md
index 010e860..9e6f7e4 100644
--- a/zh/option/component/grid.md
+++ b/zh/option/component/grid.md
@@ -11,7 +11,7 @@
~[600x400](${galleryViewPath}scatter-anscombe-quartet&edit=1&reset=1)
-<ExampleBaseOption title="基础网格示例" name="grid">
+<ExampleBaseOption title="基础网格示例" name="grid" title-en="Basic Grid">
const option = {
color: ['#3398DB'],
tooltip: {
diff --git a/zh/option/component/legend.md b/zh/option/component/legend.md
index 71c814c..b58278e 100644
--- a/zh/option/component/legend.md
+++ b/zh/option/component/legend.md
@@ -12,7 +12,7 @@ ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便
当图例数量过多时，可以使用 [滚动图例（垂直）](${galleryEditorPath}pie-legend&edit=1&reset=1) 或 [滚动图例（水平）](${galleryEditorPath}radar2&edit=1&reset=1)，参见：[legend.type](~legend.type)
-<ExampleBaseOption name="legend" title="基础图例">
+<ExampleBaseOption name="legend" title="基础图例" title-en="Basic Legend">
option = {
color: ['#003366', '#006699', '#4cabce', '#e5323e'],
@@ -53,7 +53,7 @@ option = {
};
</ExampleBaseOption>
-<ExampleBaseOption name="legend-more" title="多源图例">
+<ExampleBaseOption name="legend-more" title="多源图例" title-en="Legend on Multiple Source">
const option = {
legend: {
width: 350,
diff --git a/zh/option/component/parallel-axis.md b/zh/option/component/parallel-axis.md
index b6e1538..ad06610 100644
--- a/zh/option/component/parallel-axis.md
+++ b/zh/option/component/parallel-axis.md
@@ -9,7 +9,7 @@
galleryViewPath=${galleryViewPath}
)}}
-<ExampleBaseOption name="parallel-axis" title="平行坐标">
+<ExampleBaseOption name="parallel-axis" title="平行坐标" title-en="Parallel">
const dataBJ = [
[1,55,9,56,0.46,18,6,"良"],
[2,25,11,21,0.65,34,9,"优"],
diff --git a/zh/option/component/parallel.md b/zh/option/component/parallel.md
index 3a99df8..52fb952 100644
--- a/zh/option/component/parallel.md
+++ b/zh/option/component/parallel.md
@@ -7,7 +7,7 @@
galleryViewPath=${galleryViewPath}
)}}
-<ExampleBaseOption name="parallel" title="平行坐标">
+<ExampleBaseOption name="parallel" title="平行坐标" title-en="Parallel">
const dataBJ = [
[1,55,9,56,0.46,18,6,"良"],
[2,25,11,21,0.65,34,9,"优"],
diff --git a/zh/option/component/polar.md b/zh/option/component/polar.md
index 8cf5df4..70a04c0 100644
--- a/zh/option/component/polar.md
+++ b/zh/option/component/polar.md
@@ -9,7 +9,7 @@
~[600x400](${galleryViewPath}scatter-polar-punchCard&edit=1&reset=1)
-<ExampleBaseOption name="polar" title="极坐标系">
+<ExampleBaseOption name="polar" title="极坐标系" title-en="Polar">
const hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
'7a', '8a', '9a','10a','11a',
diff --git a/zh/option/component/radar.md b/zh/option/component/radar.md
index 8a9d088..d94baba 100644
--- a/zh/option/component/radar.md
+++ b/zh/option/component/radar.md
@@ -11,7 +11,7 @@
~[400x400](${galleryViewPath}doc-example/radar&edit=1&reset=1)
-<ExampleBaseOption name="radar" title="基础雷达图">
+<ExampleBaseOption name="radar" title="基础雷达图" title-en="Radar">
const option = {
title: {
text: '基础雷达图'
diff --git a/zh/option/component/radius-axis.md b/zh/option/component/radius-axis.md
index ea9e466..7d33aa0 100644
--- a/zh/option/component/radius-axis.md
+++ b/zh/option/component/radius-axis.md
@@ -5,7 +5,7 @@
极坐标系的径向轴。
-<ExampleBaseOption name="two-number-axis" title="双数值轴">
+<ExampleBaseOption name="two-number-axis" title="双数值轴" title-en="Tow Number Axes">
const data = [];
for (let i = 0; i <= 360; i++) {
@@ -42,7 +42,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption name="two-category-axis" title="双类目轴">
+<ExampleBaseOption name="two-category-axis" title="双类目轴" title-en="Tow Category Axes">
const hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
'7a', '8a', '9a','10a','11a',
diff --git a/zh/option/component/timeline.md b/zh/option/component/timeline.md
index 3a798d1..63003a9 100644
--- a/zh/option/component/timeline.md
+++ b/zh/option/component/timeline.md
@@ -98,7 +98,7 @@ myChart.setOption(
+ ECharts 3 和 ECharts 2 相比，timeline 属性的定义位置有所不同，移到了 `baseOption` 中，统一作为一个普通的组件看待。但是，仍然兼容 ECharts2 的 timeline 定义位置，只是不再推荐这样写。
-<ExampleBaseOption name="timeline" title="时间轴">
+<ExampleBaseOption name="timeline" title="时间轴" title-en="Timeline">
var dataMap = {};
function dataFormatter(obj) {
var pList = ['北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江','上海','江苏','浙江','安徽','福建','江西','山东','河南','湖北','湖南','广东','广西','海南','重庆','四川','贵州','云南','西藏','陕西','甘肃','青海','宁夏','新疆'];
diff --git a/zh/option/component/title.md b/zh/option/component/title.md
index bdd9a02..8a4c4d8 100644
--- a/zh/option/component/title.md
+++ b/zh/option/component/title.md
@@ -11,7 +11,7 @@
**例如下面不同缓动函数效果的示例，每一个缓动效果图都带有一个标题组件：**
~[700x400](${galleryViewPath}line-easing&edit=1&reset=1)
-<ExampleBaseOption name="title-only" title="只有标题的实例">
+<ExampleBaseOption name="title-only" title="只有标题的实例" title-en="Title">
const option = {
title: {
text: 'Main Title',
diff --git a/zh/option/component/toolbox.md b/zh/option/component/toolbox.md
index ea5e92e..e95f02f 100644
--- a/zh/option/component/toolbox.md
+++ b/zh/option/component/toolbox.md
@@ -74,7 +74,7 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
~[600x400](${galleryViewPath}line-marker&reset=1&edit=1)
-<ExampleBaseOption title="工具栏" title="toolbox">
+<ExampleBaseOption title="工具栏" title="toolbox" title-en="Toolbox">
option = {
toolbox: {
show: true,
diff --git a/zh/option/component/tooltip.md b/zh/option/component/tooltip.md
index 2602897..ad3bccd 100644
--- a/zh/option/component/tooltip.md
+++ b/zh/option/component/tooltip.md
@@ -10,7 +10,7 @@
{{use: partial-tooltip-introduction}}
-<ExampleBaseOption name="tooltip" title="提示框">
+<ExampleBaseOption name="tooltip" title="提示框" title-en="Tooltip">
var base = +new Date(2016, 9, 3);
var oneDay = 24 * 3600 * 1000;
var valueBase = Math.random() * 300;
diff --git a/zh/option/component/visual-map-continuous.md b/zh/option/component/visual-map-continuous.md
index 31fc450..6a85de3 100644
--- a/zh/option/component/visual-map-continuous.md
+++ b/zh/option/component/visual-map-continuous.md
@@ -10,7 +10,7 @@
`visualMapContinuous`中，可以通过 [visualMap.calculable](~visualMap.calculable) 来显示或隐藏手柄（手柄能拖拽改变值域）。
-<ExampleBaseOption name="visual-map-heatmap" title="热力图颜色线性映射">
+<ExampleBaseOption name="visual-map-heatmap" title="热力图颜色线性映射" title-en="Heatmap - Linear Map">
// https://echarts.apache.org/examples/zh/editor.html?c=heatmap-large
option = {"tooltip":{},"xAxis":{"type":"category","data":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]},"yAxis":{"type":"category","data":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]},"visualMap":{"min":0,"max":100,"calculable":true,"realtime":false,"inRange":{"color":["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},"series":[{"name":"Gaussian","type":"heatmap","data":[[0,0,50],[0,1,50],[0,2,50],[0,3,50],[0, [...]
</ExampleBaseOption>
diff --git a/zh/option/component/visual-map-piecewise.md b/zh/option/component/visual-map-piecewise.md
index 9e2ccb5..b432387 100644
--- a/zh/option/component/visual-map-piecewise.md
+++ b/zh/option/component/visual-map-piecewise.md
@@ -21,7 +21,7 @@
<br>
<br>
-<ExampleBaseOption name="visual-map-heatmap" title="热力图颜色分段映射">
+<ExampleBaseOption name="visual-map-heatmap" title="热力图颜色分段映射" title-en="Heatmap - Step Map">
// https://echarts.apache.org/examples/zh/editor.html?c=heatmap-large
option = {"tooltip":{},"xAxis":{"type":"category","data":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]},"yAxis":{"type":"category","data":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]},"visualMap":{"type":"piecewise","splitNumber": 8,"min":0,"max":100,"calculable":true,"realtime":false,"inRange":{"color":["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},"series":[{"name":"Gaussian","type":"heatmap","data":[[0, [...]
</ExampleBaseOption>
diff --git a/zh/option/component/x-axis.md b/zh/option/component/x-axis.md
index 5d7c626..41ac754 100644
--- a/zh/option/component/x-axis.md
+++ b/zh/option/component/x-axis.md
@@ -5,7 +5,7 @@
直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放上下两个 x 轴，多于两个 x 轴需要通过配置 [offset](~xAxis.offset) 属性防止同个位置多个 x 轴的重叠。
-<ExampleBaseOption title="基础 x 轴示例" name="x-axis">
+<ExampleBaseOption title="基础 x 轴示例" name="x-axis" title-en="Basic X Axis">
const option = {
color: ['#3398DB'],
tooltip: {
@@ -37,7 +37,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption title="Minor Ticks" name="minor-ticks-x-axis">
+<ExampleBaseOption title="Minor Ticks" name="minor-ticks-x-axis" title-en="Minor Axis Ticks">
// https://echarts.apache.org/examples/zh/editor.html?c=line-function
const option = {"animation":false,"grid":{"top":40,"left":50,"right":40,"bottom":50},"xAxis":{"name":"x","minorTick":{"show":true},"splitLine":{"lineStyle":{"color":"#999"}},"minorSplitLine":{"show":true,"lineStyle":{"color":"#ddd"}}},"yAxis":{"name":"y","min":-100,"max":100,"minorTick":{"show":true},"splitLine":{"lineStyle":{"color":"#999"}},"minorSplitLine":{"show":true,"lineStyle":{"color":"#ddd"}}},"dataZoom":[{"show":true,"type":"inside","filterMode":"none","xAxisIndex":[0],"startVa [...]
</ExampleBaseOption>
diff --git a/zh/option/component/y-axis.md b/zh/option/component/y-axis.md
index bc3eadc..885f5e1 100644
--- a/zh/option/component/y-axis.md
+++ b/zh/option/component/y-axis.md
@@ -5,7 +5,7 @@
直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 [offset](~yAxis.offset) 属性防止同个位置多个 Y 轴的重叠。
-<ExampleBaseOption title="基础 y 轴示例" name="y-axis">
+<ExampleBaseOption title="基础 y 轴示例" name="y-axis" title-en="Basic Y Axis">
const option = {
color: ['#3398DB'],
tooltip: {
@@ -37,7 +37,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption title="Log 轴示例" name="y-axis-log">
+<ExampleBaseOption title="Log 轴示例" name="y-axis-log" title-en="Log Axis">
option = {
legend: {
left: 'left',
diff --git a/zh/option/series/bar.md b/zh/option/series/bar.md
index 1fc2066..543f9a5 100644
--- a/zh/option/series/bar.md
+++ b/zh/option/series/bar.md
@@ -7,7 +7,7 @@
柱状/条形图 通过 柱形的高度/条形的宽度 来表现数据的大小，用于有至少一个类目轴或时间轴的[直角坐标系](~grid)上。
-<ExampleBaseOption name="cartesian-bar" title="直角坐标系上的柱状图">
+<ExampleBaseOption name="cartesian-bar" title="直角坐标系上的柱状图" title-en="Bar on Cartesian">
const option = {
tooltip: {},
legend: {},
@@ -23,7 +23,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption name="polar-bar" title="极坐标系上的柱状图">
+<ExampleBaseOption name="polar-bar" title="极坐标系上的柱状图" title-en="Bar on Polar">
const option = {
angleAxis: {
max: 30
@@ -44,7 +44,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption name="cartesian-bar-multiple-series" title="直角坐标系上的多系列柱状图">
+<ExampleBaseOption name="cartesian-bar-multiple-series" title="多系列柱状图" title-en="Multiple Series">
option = {
legend: {
data: ['Food', 'Cloth', 'Book']
diff --git a/zh/option/series/boxplot.md b/zh/option/series/boxplot.md
index b8f65be..d6b4df7 100644
--- a/zh/option/series/boxplot.md
+++ b/zh/option/series/boxplot.md
@@ -15,7 +15,7 @@
<br>
<br>
-<ExampleBaseOption name="boxplot" title="盒须图">
+<ExampleBaseOption name="boxplot" title="盒须图" title-en="Boxplot">
const option = {
title: [{
text: "Michelson-Morley Experiment",
diff --git a/zh/option/series/candlestick.md b/zh/option/series/candlestick.md
index 1a27dbf..9e1e19b 100644
--- a/zh/option/series/candlestick.md
+++ b/zh/option/series/candlestick.md
@@ -28,7 +28,7 @@
<br>
<br>
-<ExampleBaseOption name="candlestick" title="K 线图">
+<ExampleBaseOption name="candlestick" title="K 线图" title-en="Candlestick">
var upColor = '#ec0000';
var upBorderColor = '#8A0000';
var downColor = '#00da3c';
diff --git a/zh/option/series/effectScatter.md b/zh/option/series/effectScatter.md
index 6c9a88d..a0f59be 100644
--- a/zh/option/series/effectScatter.md
+++ b/zh/option/series/effectScatter.md
@@ -7,7 +7,7 @@
**Tip:** ECharts 2.x 中在地图上通过 markPoint 实现地图特效在 ECharts 3 中建议通过地理坐标系上的 effectScatter 实现。
-<ExampleBaseOption name="effectScatter-bubble" title="特效气泡图">
+<ExampleBaseOption name="effectScatter-bubble" title="特效气泡图" title-en="Bubble Chart with Effect">
const option = {
xAxis: {},
yAxis: {
diff --git a/zh/option/series/funnel.md b/zh/option/series/funnel.md
index 6878c62..66db66d 100644
--- a/zh/option/series/funnel.md
+++ b/zh/option/series/funnel.md
@@ -8,7 +8,7 @@
**示例：**
~[600x400](${galleryViewPath}funnel&reset=1&edit=1)
-<ExampleBaseOption name="funnel" tilte="基础漏斗图">
+<ExampleBaseOption name="funnel" tilte="基础漏斗图" title-en="Basic Funnel">
option = {
legend: {
data: ['Display','Click','Visit','Consulting','Order']
diff --git a/zh/option/series/gauge.md b/zh/option/series/gauge.md
index 455e873..b6181a4 100644
--- a/zh/option/series/gauge.md
+++ b/zh/option/series/gauge.md
@@ -8,7 +8,7 @@
**示例：**
~[600x500](${galleryViewPath}gauge-car)
-<ExampleBaseOption name="gauge" title="基础仪表盘">
+<ExampleBaseOption name="gauge" title="基础仪表盘" title-en="Basic Gauge">
const option = {
series: [
{
diff --git a/zh/option/series/graph.md b/zh/option/series/graph.md
index 9d8bb24..3eacedb 100644
--- a/zh/option/series/graph.md
+++ b/zh/option/series/graph.md
@@ -9,7 +9,7 @@
~[600x400](${galleryViewPath}graph&reset=1&edit=1)
-<ExampleBaseOption name="graph" title="复杂关系图">
+<ExampleBaseOption name="graph" title="复杂关系图" title="Complex Graph">
const option = {"title":{"text":"Les Miserables","subtext":"Default layout","top":"bottom","left":"right"},"tooltip":{},"legend":[{"data":["类目0","类目1","类目2","类目3","类目4","类目5","类目6","类目7","类目8"]}],"animationDuration":1500,"animationEasingUpdate":"quinticInOut","series":[{"name":"Les Miserables","type":"graph","layout":"none","data":[{"id":"0","name":"Myriel","symbolSize":19.12381,"x":-266.82776,"y":299.6904,"value":28.685715,"category":0},{"id":"1","name":"Napoleon","symbolSize":2.6666666 [...]
option.series[0].data.forEach(function (item) {
diff --git a/zh/option/series/heatmap.md b/zh/option/series/heatmap.md
index bbe30b9..4000cfc 100644
--- a/zh/option/series/heatmap.md
+++ b/zh/option/series/heatmap.md
@@ -13,7 +13,7 @@
**直角坐标系：**
~[600x400](${galleryViewPath}heatmap-cartesian&edit=1&reset=1)
-<ExampleBaseOption name="heatmap" title="直角坐标系热力图">
+<ExampleBaseOption name="heatmap" title="直角坐标系热力图" title-en="Heatmap on Cartesian">
const hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
'7a', '8a', '9a','10a','11a',
'12p', '1p', '2p', '3p', '4p', '5p',
diff --git a/zh/option/series/line.md b/zh/option/series/line.md
index 00d834d..24fc981 100644
--- a/zh/option/series/line.md
+++ b/zh/option/series/line.md
@@ -12,7 +12,7 @@
~[600x400](${galleryViewPath}line-aqi&edit=1&reset=1)
-<ExampleBaseOption name="cartesian-line" title="基础折线图">
+<ExampleBaseOption name="cartesian-line" title="基础折线图" title-en="Basic Line Chart">
const option = {
xAxis: {
type: 'category',
@@ -26,7 +26,7 @@ const option = {
};
</ExampleBaseOption>
-<ExampleBaseOption name="cartesian-line-empty-data" title="有空数据的折线图">
+<ExampleBaseOption name="cartesian-line-empty-data" title="有空数据的折线图" title-en="Line with Empty Data">
const option = {
xAxis: {
type: 'category',
diff --git a/zh/option/series/parallel.md b/zh/option/series/parallel.md
index 76aaf32..540ebf8 100644
--- a/zh/option/series/parallel.md
+++ b/zh/option/series/parallel.md
@@ -10,7 +10,7 @@
)}}
-<ExampleBaseOption name="parallel-series" title="平行坐标">
+<ExampleBaseOption name="parallel-series" title="平行坐标" title-en="Parallel">
const dataBJ = [
[1,55,9,56,0.46,18,6,"良"],
[2,25,11,21,0.65,34,9,"优"],
diff --git a/zh/option/series/pictorialBar.md b/zh/option/series/pictorialBar.md
index 3662e8a..97972b9 100644
--- a/zh/option/series/pictorialBar.md
+++ b/zh/option/series/pictorialBar.md
@@ -45,7 +45,7 @@
参见例子：
~[800x600](${galleryViewPath}doc-example/pictorialBar-clip&reset=1&edit=1)
-<ExampleBaseOption title="基础象形柱图" name="pictorial-bar">
+<ExampleBaseOption name="pictorial-bar" title="基础象形柱图" title-en="Basic Pictorial Bar">
var spirit = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAACUCAYAAACtHGabAAAACXBIWXMAABcSAAAXEgFnn9JSAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcC [...]
var maxData = 2000;
diff --git a/zh/option/series/pie.md b/zh/option/series/pie.md
index 5310713..f3ee00d 100644
--- a/zh/option/series/pie.md
+++ b/zh/option/series/pie.md
@@ -17,7 +17,7 @@
**下面是自定义南丁格尔图的示例：**
~[500x400](${galleryViewPath}pie-custom&edit=1&reset=1)
-<ExampleBaseOption name="pie" title="基础饼图">
+<ExampleBaseOption name="pie" title="基础饼图" title-en="Basic Pie">
const option = {
legend: {
orient: 'vertical',
diff --git a/zh/option/series/radar.md b/zh/option/series/radar.md
index 5b5ba28..401b212 100644
--- a/zh/option/series/radar.md
+++ b/zh/option/series/radar.md
@@ -11,7 +11,7 @@
~[600x500](${galleryViewPath}radar-aqi&edit=1&reset=1)
-<ExampleBaseOption name="radar" title="基础雷达图">
+<ExampleBaseOption name="radar" title="基础雷达图" title-en="Basic Radar">
const option = {
title: {
text: '基础雷达图'
diff --git a/zh/option/series/sankey.md b/zh/option/series/sankey.md
index 70a584c..18bfb50 100644
--- a/zh/option/series/sankey.md
+++ b/zh/option/series/sankey.md
@@ -23,7 +23,7 @@
如果想指定每层节点的顺序是按照 [data](~series-sankey.data) 中的顺序排列的。可以设置 [layoutIterations](~series-sankey.layoutIterations) 为 `0`。
-<ExampleBaseOption name="sankey" title="桑基图">
+<ExampleBaseOption name="sankey" title="桑基图" title-en="Sankey">
const option = {"tooltip":{"trigger":"item","triggerOn":"mousemove"},"series":[{"type":"sankey","data":[{"name":"Agricultural 'waste'"},{"name":"Bio-conversion"},{"name":"Liquid"},{"name":"Losses"},{"name":"Solid"},{"name":"Gas"},{"name":"Biofuel imports"},{"name":"Biomass imports"},{"name":"Coal imports"},{"name":"Coal"},{"name":"Coal reserves"},{"name":"District heating"},{"name":"Industry"},{"name":"Heating and cooling - commercial"},{"name":"Heating and cooling - homes"},{"name":"Ele [...]
</ExampleBaseOption>
diff --git a/zh/option/series/scatter.md b/zh/option/series/scatter.md
index ff4f6e2..5fdedf9 100644
--- a/zh/option/series/scatter.md
+++ b/zh/option/series/scatter.md
@@ -7,7 +7,7 @@
可以应用在[直角坐标系](~grid)，[极坐标系](~polar)，[地理坐标系](~geo)上。
-<ExampleBaseOption name="scatter" title="基础散点图">
+<ExampleBaseOption name="scatter" title="基础散点图" title-en="Basic Scatter">
const option = {
legend: {},
grid: {
diff --git a/zh/option/series/sunburst.md b/zh/option/series/sunburst.md
index eaf944b..681b4b7 100644
--- a/zh/option/series/sunburst.md
+++ b/zh/option/series/sunburst.md
@@ -131,7 +131,7 @@ ECharts 中，通常使用 *emphasis* 表示鼠标移动到图形上后的高亮
旭日图默认支持数据下钻，也就是说，当用户点击了某个扇形块之后，将会以该节点作为根结点显示，并且在中间出现一个返回上层节点的圆。如果不希望有数据下钻功能，可以通过将 [series-sunburst.nodeClick](~series-treemap.nodeClick) 设置为 `false` 实现。
-<ExampleBaseOption name="sunburst" title="基础旭日图">
+<ExampleBaseOption name="sunburst" title="基础旭日图" title-en="Basic Sunburst">
const data = [{
name: 'Food',
children: [{
diff --git a/zh/option/series/themeRiver.md b/zh/option/series/themeRiver.md
index 19612db..3f1bd82 100644
--- a/zh/option/series/themeRiver.md
+++ b/zh/option/series/themeRiver.md
@@ -19,7 +19,7 @@
此外，原数据集中的时间属性，映射到单个时间轴上。
-<ExampleBaseOption name="themeRiver" title="主题河流图">
+<ExampleBaseOption name="themeRiver" title="主题河流图" title-en="Basic Theme River">
const option = {
singleAxis: {
diff --git a/zh/option/series/tree.md b/zh/option/series/tree.md
index 5af2a40..6efa25f 100644
--- a/zh/option/series/tree.md
+++ b/zh/option/series/tree.md
@@ -18,7 +18,7 @@
~[800x680](${galleryViewPath}tree-legend&edit=1&reset=1)
-<ExampleBaseOption name="tree" title="基础树图">
+<ExampleBaseOption name="tree" title="基础树图" title-en="Basic Tree">
const option = {
series: [{
type: 'tree',
diff --git a/zh/option/series/treemap.md b/zh/option/series/treemap.md
index 9ea0e25..bdc27e8 100644
--- a/zh/option/series/treemap.md
+++ b/zh/option/series/treemap.md
@@ -48,7 +48,7 @@ treemap 首先是把数值映射到『面积』这种视觉元素上。
<br>
<br>
-<ExampleBaseOption name="sunburst" title="基础旭日图">
+<ExampleBaseOption name="treemap" title="基础矩形树图" title-en="Basic Treemap">
const data = [{
name: 'Food',
children: [{
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org