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/18 13:59:56 UTC
[incubator-echarts-doc] branch live-example updated: example: add
UI on more components
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 cfb63e8 example: add UI on more components
cfb63e8 is described below
commit cfb63e8ff54285ec0e097068e5c9d87fb4ccf9b7
Author: pissang <bm...@gmail.com>
AuthorDate: Thu Jun 18 21:59:42 2020 +0800
example: add UI on more components
---
src/components/LiveExample.vue | 13 +-
src/store.js | 37 +++
zh/option/component/axisPointer.md | 111 +++++++
zh/option/component/data-zoom-slider.md | 3 +-
zh/option/component/parallel-axis.md | 185 ++++++++++-
zh/option/component/parallel.md | 456 ++++++++++++++++++++++++++-
zh/option/component/timeline.md | 429 ++++++++++++++++++++++++-
zh/option/component/toolbox.md | 152 +++++++++
zh/option/component/visual-map-continuous.md | 29 +-
zh/option/component/visual-map-piecewise.md | 33 ++
zh/option/component/visual-map.md | 5 -
zh/option/partial/axisPointer-common.md | 20 ++
zh/option/partial/symbol.md | 2 +-
13 files changed, 1447 insertions(+), 28 deletions(-)
diff --git a/src/components/LiveExample.vue b/src/components/LiveExample.vue
index f19b942..56b30c9 100644
--- a/src/components/LiveExample.vue
+++ b/src/components/LiveExample.vue
@@ -241,9 +241,9 @@ export default {
computed: {
optionCodeStr() {
const optStr = JSON.stringify(this.shared.currentExampleOption, function (key, value) {
- if (typeof value === 'function') {
- return "__functionstart__" + value.toString() + "__functionend__";
- }
+ // if (typeof value === 'function') {
+ // return "__functionstart__" + value.toString() + "__functionend__";
+ // }
return value;
});
return `const option = ${optStr}`;
@@ -252,10 +252,11 @@ export default {
formattedOptionCodeStr() {
return beautify.js(this.optionCodeStr
.replace(/"(\w+)"\s*:/g, '$1:')
- .replace(/"__functionstart__/g, "")
- .replace(/__functionend__"/g, "")
+ // .replace(/"__functionstart__/g, "")
+ // .replace(/__functionend__"/g, "")
// newline from function
- .replace(/\\n/g, '\n'), {
+ // .replace(/\\n/g, '\n')
+ , {
indent_size: 2
});
}
diff --git a/src/store.js b/src/store.js
index dd5b5fe..89dbc1d 100644
--- a/src/store.js
+++ b/src/store.js
@@ -43,6 +43,8 @@ export function isOptionDoc() {
|| store.docType === 'option-gl';
}
+const componentCanHost = ['markPoint', 'markLine', 'markArea', 'tooltip', 'axisPointer'];
+
export function changeOption(option, path, value) {
function changeOptionRecursive(obj, pathParts, objKey, nodePath) {
@@ -103,6 +105,41 @@ export function changeOption(option, path, value) {
return obj;
}
+ // For the components can be hosted on other components, like axisPointer, markers.
+ function findAndSetHostComponentRecursively(root, componentKey) {
+ if (root[componentKey]) {
+ return changeOptionRecursive(root, path.split('.'), '', '');
+ }
+
+ if (Array.isArray(root)) {
+ const newArr = [];
+ for (let i = 0; i < root.length; i++) {
+ newArr.push(findAndSetHostComponentRecursively(root[i], componentKey));
+ }
+ return newArr;
+ }
+ else if (typeof root === 'object') {
+ const newObj = {};
+ for (let key in root) {
+ if (root.hasOwnProperty(key)) {
+ newObj[key] = findAndSetHostComponentRecursively(root[key], componentKey);
+ }
+ }
+ return newObj;
+ }
+
+ return root;
+ }
+
+ const componentKey = path.split('.')[0];
+ if (componentKey === 'timeline' && option.baseOption) {
+ return Object.assign({}, option, {
+ baseOption: changeOptionRecursive(option.baseOption, path.split('.'), '', '')
+ });
+ }
+ else if (componentCanHost.indexOf(componentKey) >= 0) {
+ return findAndSetHostComponentRecursively(option, componentKey);
+ }
return changeOptionRecursive(option, path.split('.'), '', '');
}
\ No newline at end of file
diff --git a/zh/option/component/axisPointer.md b/zh/option/component/axisPointer.md
index 12ef743..3d7f6de 100644
--- a/zh/option/component/axisPointer.md
+++ b/zh/option/component/axisPointer.md
@@ -5,6 +5,115 @@
这是坐标轴指示器（axisPointer）的全局公用设置。
+<ExampleBaseOption name="axis-pointer" title="坐标轴指示器">
+var base = +new Date(2016, 9, 3);
+var oneDay = 24 * 3600 * 1000;
+var valueBase = Math.random() * 300;
+var valueBase2 = Math.random() * 50;
+var data = [];
+var data2 = [];
+
+for (var i = 1; i < 10; i++) {
+ var now = new Date(base += oneDay);
+ var dayStr = [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('-');
+
+ valueBase = Math.round((Math.random() - 0.5) * 20 + valueBase);
+ valueBase <= 0 && (valueBase = Math.random() * 300);
+ data.push([dayStr, valueBase]);
+
+ valueBase2 = Math.round((Math.random() - 0.5) * 20 + valueBase2);
+ valueBase2 <= 0 && (valueBase2 = Math.random() * 50);
+ data2.push([dayStr, valueBase2]);
+}
+
+option = {
+ legend: {
+ top: 'bottom',
+ data: ['意向']
+ },
+ tooltip: {
+ triggerOn: 'none',
+ position: function (pt) {
+ return [pt[0], 130];
+ }
+ },
+ xAxis: {
+ type: 'time',
+ // boundaryGap: [0, 0],
+ axisPointer: {
+ value: '2016-10-7',
+ snap: true,
+ label: {
+ show: true,
+ formatter: function (params) {
+ return echarts.format.formatTime('yyyy-MM-dd', params.value);
+ }
+ },
+ handle: {
+ show: true
+ }
+ },
+ splitLine: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisTick: {
+ inside: true
+ },
+ splitLine: {
+ show: false
+ },
+ axisLabel: {
+ inside: true,
+ formatter: '{value}\n'
+ },
+ z: 10
+ },
+ grid: {
+ top: 110,
+ left: 15,
+ right: 15,
+ height: 160
+ },
+ series: [
+ {
+ name: '模拟数据',
+ type: 'line',
+ smooth: true,
+ symbol: 'circle',
+ symbolSize: 5,
+ sampling: 'average',
+ itemStyle: {
+ color: '#8ec6ad'
+ },
+ stack: 'a',
+ areaStyle: {
+ },
+ data: data
+ },
+ {
+ name: '模拟数据',
+ type: 'line',
+ smooth: true,
+ stack: 'a',
+ symbol: 'circle',
+ symbolSize: 5,
+ sampling: 'average',
+ itemStyle: {
+ color: '#d68262'
+ },
+ areaStyle: {
+ },
+ data: data2
+ }
+
+ ]
+};
+
+</ExampleBaseOption>
+
---
{{ use: partial-axisPointer-introduction(
@@ -99,6 +208,8 @@ mapper 的返回值：
## triggerOn(string) = 'mousemove|click'
+<ExampleUIControlEnum options="mousemove,click,none" />
+
提示框触发的条件，可选：
+ `'mousemove'`
diff --git a/zh/option/component/data-zoom-slider.md b/zh/option/component/data-zoom-slider.md
index adb65d7..b1cf91f 100644
--- a/zh/option/component/data-zoom-slider.md
+++ b/zh/option/component/data-zoom-slider.md
@@ -25,7 +25,6 @@ const option = {
}
},
dataZoom: [{
- start: 80
}],
series: {
name: 'Beijing AQI',
@@ -97,6 +96,8 @@ const option = {
## handleIcon(string)
+<ExampleUIControlIcon />
+
手柄的 icon 形状，支持路径字符串，默认为：
```js
'M8.2,13.6V3.9H6.3v9.7H3.1v14.9h3.3v9.7h1.8v-9.7h3.3V13.6H8.2z M9.7,24.4H4.8v-1.4h4.9V24.4z M9.7,19.1H4.8v-1.4h4.9V19.1z'
diff --git a/zh/option/component/parallel-axis.md b/zh/option/component/parallel-axis.md
index 09b775c..b6e1538 100644
--- a/zh/option/component/parallel-axis.md
+++ b/zh/option/component/parallel-axis.md
@@ -9,9 +9,175 @@
galleryViewPath=${galleryViewPath}
)}}
+<ExampleBaseOption name="parallel-axis" title="平行坐标">
+const dataBJ = [
+ [1,55,9,56,0.46,18,6,"良"],
+ [2,25,11,21,0.65,34,9,"优"],
+ [3,56,7,63,0.3,14,5,"良"],
+ [4,33,7,29,0.33,16,6,"优"],
+ [5,42,24,44,0.76,40,16,"优"],
+ [6,82,58,90,1.77,68,33,"良"],
+ [7,74,49,77,1.46,48,27,"良"],
+ [8,78,55,80,1.29,59,29,"良"],
+ [9,267,216,280,4.8,108,64,"重度污染"],
+ [10,185,127,216,2.52,61,27,"中度污染"],
+ [11,39,19,38,0.57,31,15,"优"],
+ [12,41,11,40,0.43,21,7,"优"],
+ [13,64,38,74,1.04,46,22,"良"],
+ [14,108,79,120,1.7,75,41,"轻度污染"],
+ [15,108,63,116,1.48,44,26,"轻度污染"],
+ [16,33,6,29,0.34,13,5,"优"],
+ [17,94,66,110,1.54,62,31,"良"],
+ [18,186,142,192,3.88,93,79,"中度污染"],
+ [19,57,31,54,0.96,32,14,"良"],
+ [20,22,8,17,0.48,23,10,"优"],
+ [21,39,15,36,0.61,29,13,"优"],
+ [22,94,69,114,2.08,73,39,"良"],
+ [23,99,73,110,2.43,76,48,"良"],
+ [24,31,12,30,0.5,32,16,"优"],
+ [25,42,27,43,1,53,22,"优"],
+ [26,154,117,157,3.05,92,58,"中度污染"],
+ [27,234,185,230,4.09,123,69,"重度污染"],
+ [28,160,120,186,2.77,91,50,"中度污染"],
+ [29,134,96,165,2.76,83,41,"轻度污染"],
+ [30,52,24,60,1.03,50,21,"良"],
+ [31,46,5,49,0.28,10,6,"优"]
+];
+
+const dataGZ = [
+ [1,26,37,27,1.163,27,13,"优"],
+ [2,85,62,71,1.195,60,8,"良"],
+ [3,78,38,74,1.363,37,7,"良"],
+ [4,21,21,36,0.634,40,9,"优"],
+ [5,41,42,46,0.915,81,13,"优"],
+ [6,56,52,69,1.067,92,16,"良"],
+ [7,64,30,28,0.924,51,2,"良"],
+ [8,55,48,74,1.236,75,26,"良"],
+ [9,76,85,113,1.237,114,27,"良"],
+ [10,91,81,104,1.041,56,40,"良"],
+ [11,84,39,60,0.964,25,11,"良"],
+ [12,64,51,101,0.862,58,23,"良"],
+ [13,70,69,120,1.198,65,36,"良"],
+ [14,77,105,178,2.549,64,16,"良"],
+ [15,109,68,87,0.996,74,29,"轻度污染"],
+ [16,73,68,97,0.905,51,34,"良"],
+ [17,54,27,47,0.592,53,12,"良"],
+ [18,51,61,97,0.811,65,19,"良"],
+ [19,91,71,121,1.374,43,18,"良"],
+ [20,73,102,182,2.787,44,19,"良"],
+ [21,73,50,76,0.717,31,20,"良"],
+ [22,84,94,140,2.238,68,18,"良"],
+ [23,93,77,104,1.165,53,7,"良"],
+ [24,99,130,227,3.97,55,15,"良"],
+ [25,146,84,139,1.094,40,17,"轻度污染"],
+ [26,113,108,137,1.481,48,15,"轻度污染"],
+ [27,81,48,62,1.619,26,3,"良"],
+ [28,56,48,68,1.336,37,9,"良"],
+ [29,82,92,174,3.29,0,13,"良"],
+ [30,106,116,188,3.628,101,16,"轻度污染"],
+ [31,118,50,0,1.383,76,11,"轻度污染"]
+];
+
+const dataSH = [
+ [1,91,45,125,0.82,34,23,"良"],
+ [2,65,27,78,0.86,45,29,"良"],
+ [3,83,60,84,1.09,73,27,"良"],
+ [4,109,81,121,1.28,68,51,"轻度污染"],
+ [5,106,77,114,1.07,55,51,"轻度污染"],
+ [6,109,81,121,1.28,68,51,"轻度污染"],
+ [7,106,77,114,1.07,55,51,"轻度污染"],
+ [8,89,65,78,0.86,51,26,"良"],
+ [9,53,33,47,0.64,50,17,"良"],
+ [10,80,55,80,1.01,75,24,"良"],
+ [11,117,81,124,1.03,45,24,"轻度污染"],
+ [12,99,71,142,1.1,62,42,"良"],
+ [13,95,69,130,1.28,74,50,"良"],
+ [14,116,87,131,1.47,84,40,"轻度污染"],
+ [15,108,80,121,1.3,85,37,"轻度污染"],
+ [16,134,83,167,1.16,57,43,"轻度污染"],
+ [17,79,43,107,1.05,59,37,"良"],
+ [18,71,46,89,0.86,64,25,"良"],
+ [19,97,71,113,1.17,88,31,"良"],
+ [20,84,57,91,0.85,55,31,"良"],
+ [21,87,63,101,0.9,56,41,"良"],
+ [22,104,77,119,1.09,73,48,"轻度污染"],
+ [23,87,62,100,1,72,28,"良"],
+ [24,168,128,172,1.49,97,56,"中度污染"],
+ [25,65,45,51,0.74,39,17,"良"],
+ [26,39,24,38,0.61,47,17,"优"],
+ [27,39,24,39,0.59,50,19,"优"],
+ [28,93,68,96,1.05,79,29,"良"],
+ [29,188,143,197,1.66,99,51,"中度污染"],
+ [30,174,131,174,1.55,108,50,"中度污染"],
+ [31,187,143,201,1.39,89,53,"中度污染"]
+];
+
+const schema = [
+ {name: 'date', index: 0, text: '日期'},
+ {name: 'AQIindex', index: 1, text: 'AQI'},
+ {name: 'PM25', index: 2, text: 'PM2.5'},
+ {name: 'PM10', index: 3, text: 'PM10'},
+ {name: 'CO', index: 4, text: ' CO'},
+ {name: 'NO2', index: 5, text: 'NO2'},
+ {name: 'SO2', index: 6, text: 'SO2'},
+ {name: '等级', index: 7, text: '等级'}
+];
+
+const option = {
+ color: [
+ '#c23531', '#91c7ae', '#dd8668'
+ ],
+ legend: {
+ top: 10,
+ data: ['北京', '上海', '广州'],
+ itemGap: 20
+ },
+ parallelAxis: [
+ {dim: 0, name: schema[0].text, inverse: true, max: 31, nameLocation: 'start'},
+ {dim: 1, name: schema[1].text},
+ {dim: 2, name: schema[2].text},
+ {dim: 3, name: schema[3].text},
+ {dim: 4, name: schema[4].text},
+ {dim: 5, name: schema[5].text},
+ {dim: 6, name: schema[6].text},
+ {dim: 7, name: schema[7].text,
+ type: 'category', data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']}
+ ],
+ parallel: {
+ left: '5%',
+ right: '13%',
+ bottom: '10%',
+ top: '20%',
+ parallelAxisDefault: {
+ type: 'value',
+ name: 'AQI指数',
+ nameLocation: 'end',
+ nameGap: 20,
+ nameTextStyle: {
+ fontSize: 12
+ }
+ }
+ },
+ series: [
+ {
+ name: '北京',
+ type: 'parallel',
+ data: dataBJ
+ },
+ {
+ name: '上海',
+ type: 'parallel',
+ data: dataSH
+ },
+ {
+ name: '广州',
+ type: 'parallel',
+ data: dataGZ
+ }
+ ]
+};
+</ExampleBaseOption>
-<br>
-<br>
{{use: partial-component-id(prefix="#")}}
@@ -52,6 +218,8 @@ myChart.setOption({
## realtime(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否坐标轴刷选的时候，实时刷新视图。如果设为 `false`，则在刷选动作结束时候，才刷新视图。
大数据量时，建议设置成 `false`，从而避免卡顿。
@@ -61,31 +229,38 @@ myChart.setOption({
在坐标轴上可以进行框选，这里是一些框选的设置。
-<br>
-
-
### width(number) = 20
+<ExampleUIControlNumber min="0" default="20" step="1" />
+
框选范围的宽度。
### borderWidth(number) = 1
+<ExampleUIControlNumber min="0" default="1" step="0.5" />
+
选框的边框宽度。
### borderColor(Color) = 'rgba(160,197,232)'
+<ExampleUIControlColor default="rgba(160,197,232)" />
+
选框的边框颜色。
### color(Color) = 'rgba(160,197,232)'
+<ExampleUIControlColor default="rgba(160,197,232)" />
+
选框的填充色。
### opacity(number) = 0.3
+<ExampleUIControlNumber min="0" max="1" default="0.3" />
+
选框的透明度。
diff --git a/zh/option/component/parallel.md b/zh/option/component/parallel.md
index 07fc31a..3a99df8 100644
--- a/zh/option/component/parallel.md
+++ b/zh/option/component/parallel.md
@@ -7,8 +7,440 @@
galleryViewPath=${galleryViewPath}
)}}
-<br>
-<br>
+<ExampleBaseOption name="parallel" title="平行坐标">
+const dataBJ = [
+ [1,55,9,56,0.46,18,6,"良"],
+ [2,25,11,21,0.65,34,9,"优"],
+ [3,56,7,63,0.3,14,5,"良"],
+ [4,33,7,29,0.33,16,6,"优"],
+ [5,42,24,44,0.76,40,16,"优"],
+ [6,82,58,90,1.77,68,33,"良"],
+ [7,74,49,77,1.46,48,27,"良"],
+ [8,78,55,80,1.29,59,29,"良"],
+ [9,267,216,280,4.8,108,64,"重度污染"],
+ [10,185,127,216,2.52,61,27,"中度污染"],
+ [11,39,19,38,0.57,31,15,"优"],
+ [12,41,11,40,0.43,21,7,"优"],
+ [13,64,38,74,1.04,46,22,"良"],
+ [14,108,79,120,1.7,75,41,"轻度污染"],
+ [15,108,63,116,1.48,44,26,"轻度污染"],
+ [16,33,6,29,0.34,13,5,"优"],
+ [17,94,66,110,1.54,62,31,"良"],
+ [18,186,142,192,3.88,93,79,"中度污染"],
+ [19,57,31,54,0.96,32,14,"良"],
+ [20,22,8,17,0.48,23,10,"优"],
+ [21,39,15,36,0.61,29,13,"优"],
+ [22,94,69,114,2.08,73,39,"良"],
+ [23,99,73,110,2.43,76,48,"良"],
+ [24,31,12,30,0.5,32,16,"优"],
+ [25,42,27,43,1,53,22,"优"],
+ [26,154,117,157,3.05,92,58,"中度污染"],
+ [27,234,185,230,4.09,123,69,"重度污染"],
+ [28,160,120,186,2.77,91,50,"中度污染"],
+ [29,134,96,165,2.76,83,41,"轻度污染"],
+ [30,52,24,60,1.03,50,21,"良"],
+ [31,46,5,49,0.28,10,6,"优"]
+];
+
+const dataGZ = [
+ [1,26,37,27,1.163,27,13,"优"],
+ [2,85,62,71,1.195,60,8,"良"],
+ [3,78,38,74,1.363,37,7,"良"],
+ [4,21,21,36,0.634,40,9,"优"],
+ [5,41,42,46,0.915,81,13,"优"],
+ [6,56,52,69,1.067,92,16,"良"],
+ [7,64,30,28,0.924,51,2,"良"],
+ [8,55,48,74,1.236,75,26,"良"],
+ [9,76,85,113,1.237,114,27,"良"],
+ [10,91,81,104,1.041,56,40,"良"],
+ [11,84,39,60,0.964,25,11,"良"],
+ [12,64,51,101,0.862,58,23,"良"],
+ [13,70,69,120,1.198,65,36,"良"],
+ [14,77,105,178,2.549,64,16,"良"],
+ [15,109,68,87,0.996,74,29,"轻度污染"],
+ [16,73,68,97,0.905,51,34,"良"],
+ [17,54,27,47,0.592,53,12,"良"],
+ [18,51,61,97,0.811,65,19,"良"],
+ [19,91,71,121,1.374,43,18,"良"],
+ [20,73,102,182,2.787,44,19,"良"],
+ [21,73,50,76,0.717,31,20,"良"],
+ [22,84,94,140,2.238,68,18,"良"],
+ [23,93,77,104,1.165,53,7,"良"],
+ [24,99,130,227,3.97,55,15,"良"],
+ [25,146,84,139,1.094,40,17,"轻度污染"],
+ [26,113,108,137,1.481,48,15,"轻度污染"],
+ [27,81,48,62,1.619,26,3,"良"],
+ [28,56,48,68,1.336,37,9,"良"],
+ [29,82,92,174,3.29,0,13,"良"],
+ [30,106,116,188,3.628,101,16,"轻度污染"],
+ [31,118,50,0,1.383,76,11,"轻度污染"]
+];
+
+const dataSH = [
+ [1,91,45,125,0.82,34,23,"良"],
+ [2,65,27,78,0.86,45,29,"良"],
+ [3,83,60,84,1.09,73,27,"良"],
+ [4,109,81,121,1.28,68,51,"轻度污染"],
+ [5,106,77,114,1.07,55,51,"轻度污染"],
+ [6,109,81,121,1.28,68,51,"轻度污染"],
+ [7,106,77,114,1.07,55,51,"轻度污染"],
+ [8,89,65,78,0.86,51,26,"良"],
+ [9,53,33,47,0.64,50,17,"良"],
+ [10,80,55,80,1.01,75,24,"良"],
+ [11,117,81,124,1.03,45,24,"轻度污染"],
+ [12,99,71,142,1.1,62,42,"良"],
+ [13,95,69,130,1.28,74,50,"良"],
+ [14,116,87,131,1.47,84,40,"轻度污染"],
+ [15,108,80,121,1.3,85,37,"轻度污染"],
+ [16,134,83,167,1.16,57,43,"轻度污染"],
+ [17,79,43,107,1.05,59,37,"良"],
+ [18,71,46,89,0.86,64,25,"良"],
+ [19,97,71,113,1.17,88,31,"良"],
+ [20,84,57,91,0.85,55,31,"良"],
+ [21,87,63,101,0.9,56,41,"良"],
+ [22,104,77,119,1.09,73,48,"轻度污染"],
+ [23,87,62,100,1,72,28,"良"],
+ [24,168,128,172,1.49,97,56,"中度污染"],
+ [25,65,45,51,0.74,39,17,"良"],
+ [26,39,24,38,0.61,47,17,"优"],
+ [27,39,24,39,0.59,50,19,"优"],
+ [28,93,68,96,1.05,79,29,"良"],
+ [29,188,143,197,1.66,99,51,"中度污染"],
+ [30,174,131,174,1.55,108,50,"中度污染"],
+ [31,187,143,201,1.39,89,53,"中度污染"]
+];
+
+const schema = [
+ {name: 'date', index: 0, text: '日期'},
+ {name: 'AQIindex', index: 1, text: 'AQI'},
+ {name: 'PM25', index: 2, text: 'PM2.5'},
+ {name: 'PM10', index: 3, text: 'PM10'},
+ {name: 'CO', index: 4, text: ' CO'},
+ {name: 'NO2', index: 5, text: 'NO2'},
+ {name: 'SO2', index: 6, text: 'SO2'},
+ {name: '等级', index: 7, text: '等级'}
+];
+
+const option = {
+ color: [
+ '#c23531', '#91c7ae', '#dd8668'
+ ],
+ legend: {
+ top: 10,
+ data: ['北京', '上海', '广州'],
+ itemGap: 20
+ },
+ parallelAxis: [
+ {dim: 0, name: schema[0].text, inverse: true, max: 31, nameLocation: 'start'},
+ {dim: 1, name: schema[1].text},
+ {dim: 2, name: schema[2].text},
+ {dim: 3, name: schema[3].text},
+ {dim: 4, name: schema[4].text},
+ {dim: 5, name: schema[5].text},
+ {dim: 6, name: schema[6].text},
+ {dim: 7, name: schema[7].text,
+ type: 'category', data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']}
+ ],
+ parallel: {
+ left: '5%',
+ right: '13%',
+ bottom: '10%',
+ top: '20%',
+ parallelAxisDefault: {
+ type: 'value',
+ name: 'AQI指数',
+ nameLocation: 'end',
+ nameGap: 20,
+ nameTextStyle: {
+ fontSize: 12
+ }
+ }
+ },
+ series: [
+ {
+ name: '北京',
+ type: 'parallel',
+ data: dataBJ
+ },
+ {
+ name: '上海',
+ type: 'parallel',
+ data: dataSH
+ },
+ {
+ name: '广州',
+ type: 'parallel',
+ data: dataGZ
+ }
+ ]
+};
+</ExampleBaseOption>
+
+<ExampleBaseOption name="parallel-large" title="大数据量平行坐标">
+
+var geoCoordMap = {
+ "Amsterdam": [4.895168,52.370216],
+ "Athens": [-83.357567,33.951935],
+ "Auckland": [174.763332,-36.84846],
+ "Bangkok": [100.501765,13.756331],
+ "Barcelona": [2.173403,41.385064],
+ "Beijing": [116.407395,39.904211],
+ "Berlin": [13.404954,52.520007],
+ "Bogotá": [-74.072092,4.710989],
+ "Bratislava": [17.107748,48.148596],
+ "Brussels": [4.35171,50.85034],
+ "Budapest": [19.040235,47.497912],
+ "Buenos Aires": [-58.381559,-34.603684],
+ "Bucharest": [26.102538,44.426767],
+ "Caracas": [-66.903606,10.480594],
+ "Chicago": [-87.629798,41.878114],
+ "Delhi": [77.209021,28.613939],
+ "Doha": [51.53104,25.285447],
+ "Dubai": [55.270783,25.204849],
+ "Dublin": [-6.26031,53.349805],
+ "Frankfurt": [8.682127,50.110922],
+ "Geneva": [6.143158,46.204391],
+ "Helsinki": [24.938379,60.169856],
+ "Hong Kong": [114.109497,22.396428],
+ "Istanbul": [28.978359,41.008238],
+ "Jakarta": [106.845599,-6.208763],
+ "Johannesburg": [28.047305,-26.204103],
+ "Cairo": [31.235712,30.04442],
+ "Kiev": [30.5234,50.4501],
+ "Copenhagen": [12.568337,55.676097],
+ "Kuala Lumpur": [101.686855,3.139003],
+ "Lima": [-77.042793,-12.046374],
+ "Lisbon": [-9.139337,38.722252],
+ "Ljubljana": [14.505751,46.056947],
+ "London": [-0.127758,51.507351],
+ "Los Angeles": [-118.243685,34.052234],
+ "Luxembourg": [6.129583,49.815273],
+ "Lyon": [4.835659,45.764043],
+ "Madrid": [-3.70379,40.416775],
+ "Milan": [9.185924,45.465422],
+ "Manama": [50.58605,26.228516],
+ "Manila": [120.984219,14.599512],
+ "Mexico City": [-99.133208,19.432608],
+ "Miami": [-80.19179,25.76168],
+ "Montreal": [-73.567256,45.501689],
+ "Moscow": [37.6173,55.755826],
+ "Mumbai": [72.877656,19.075984],
+ "Munich": [11.581981,48.135125],
+ "Nairobi": [36.821946,-1.292066],
+ "New York": [-74.005941,40.712784],
+ "Nicosia": [33.382276,35.185566],
+ "Oslo": [10.752245,59.913869],
+ "Paris": [2.352222,48.856614],
+ "Prague": [14.4378,50.075538],
+ "Riga": [24.105186,56.949649],
+ "Rio de Janeiro": [-43.172896,-22.906847],
+ "Rome": [12.496366,41.902783],
+ "Santiago de Chile": [-70.669265,-33.44889],
+ "São Paulo": [-46.633309,-23.55052],
+ "Seoul": [126.977969,37.566535],
+ "Shanghai": [121.473701,31.230416],
+ "Singapore": [103.819836,1.352083],
+ "Sofia": [23.321868,42.697708],
+ "Stockholm": [18.068581,59.329323],
+ "Sydney": [151.209296,-33.86882],
+ "Taipei": [121.565418,25.032969],
+ "Tallinn": [24.753575,59.436961],
+ "Tel Aviv": [34.781768,32.0853],
+ "Tokyo": [139.691706,35.689487],
+ "Toronto": [-79.383184,43.653226],
+ "Vilnius": [25.279651,54.687156],
+ "Warsaw": [21.012229,52.229676],
+ "Vienna": [16.373819,48.208174],
+ "Zurich": [8.541694,47.376887]
+};
+
+var schema = [
+ "Cities",
+ "Gross purchasing power",
+ "Net purchasing power",
+ "Prices (excl. rent)",
+ "Prices (incl. rent)",
+ "Gross wages",
+ "Net wages",
+ "Working time [hours per year]",
+ "Vacation [paid working days per year]",
+ "Time required for 1 Big Mac [minutes]",
+ "Time required for 1 kg of bread [minutes]",
+ "Time required for 1 kg of rice [minutes]",
+ "Time required for 1 iPhone 4S, 16 GB [hours]",
+ "City break",
+ "Inflation 2006",
+ "Inflation 2007",
+ "Inflation 2008",
+ "Inflation 2009",
+ "Inflation 2010",
+ "Inflation 2011",
+ "Prices (incl. rent)",
+ "Food basket",
+ "Services",
+ "Normal local rent medium [USD per month]",
+ "Household appliances",
+ "Bus or tram or underground",
+ "Train",
+ "Taxi [USD per 5 km trip]",
+ "Medium-sized cars price",
+ "Medium-sized cars tax",
+ "Medium-sized cars gas",
+ "Restaurant [USD per dinner]",
+ "Hotel *** [USD per night]",
+ "Hotel ***** [USD per night]",
+ "Women's medium clothing",
+ "Men's medium clothing",
+ "Furnished medium 4-room apartment [USD per month]",
+ "Unfurnished medium 3-room apartment [USD per month]",
+ "Net hourly wages [USD per hour]",
+ "Gross hourly wages [USD per hour]",
+ "Taxes and social security contributions",
+ "Primary school teacher [USD per year]",
+ "Bus driver [USD per year]",
+ "Automobile mechanic [USD per year]",
+ "Building labourer [USD per year]",
+ "Skilled industrial worker [USD per year]",
+ "Cook [USD per year]",
+ "Departement head [USD per year]",
+ "Product manager [USD per year]",
+ "Engineer [USD per year]",
+ "Bank credit clerk [USD per year]",
+ "Secretary [USD per year]",
+ "Saleswoman [USD per year]",
+ "Female industrial worker [USD per year]",
+ "Female call center worker [USD per year]",
+ "Financial analyst [USD per year]",
+ "Financial analyst [USD pro Jahr]"
+];
+
+var rawData = [
+ ["Amsterdam",101.6,90.1,77.1,69.1,78.3,69.4,1755,24,15,7,9,44,720,1.651,1.59,2.205,0.974,0.93,2.477,67.4,364,690,1113,4960,3.19,30.05,16.34,24000,689,1.8,50,200,390,690,1040,2331,1580,17.5,25.5,30,48400,39200,26300,30200,55400,39800,104400,58700,64600,49200,40300,31100,40300,27700,66700,66700 ],
+ ["Athens",62.6,60.5,66.2,58.2,41.4,40,1822,22,29,13,25,86,590,3.314,2.991,4.236,1.349,4.701,3.1,56.8,390,580,880,4620,1.81,13.81,5.5,24900,389,2.02,54,100,210,630,1110,1489,647,10.1,13.5,24,26200,23300,18500,17100,24500,24200,57200,44000,34100,30700,21000,17700,15400,16300,34400,34400 ],
+ ["Auckland",77.9,82.9,76.7,67.8,59.8,63.5,1852,20,15,16,7,51,580,3.362,2.377,3.959,2.116,2.303,4.027,66.1,496,630,1023,4450,2.57,40.86,13.62,23900,226,1.33,45,190,280,560,670,1644,1333,16,19.5,17,35700,31500,36500,28500,41800,31100,61300,55000,56300,37300,33400,26900,27200,27500,64900,64900 ],
+ ["Bangkok",26.4,31.4,55.4,48.2,14.6,17.4,2312,7,36,25,20,165,550,4.637,2.242,5.468,-0.845,3.272,3.807,47,422,440,414,4370,0.75,3.47,2.47,29600,103,1,56,90,320,400,600,1463,932,4.4,4.8,5,8300,8400,11100,3000,10900,10900,32200,22400,24600,14500,7800,6000,5800,6500,19400,19400 ],
+ ["Barcelona",79.7,78.6,74.7,65.6,59.6,58.7,1760,29,18,11,6,52,740,3.563,2.844,4.13,-0.238,2.043,3.052,64,393,750,984,5000,2.59,41.96,10.36,26900,177,1.77,51,170,330,580,1110,1269,1087,14.8,19.4,23,41300,34100,29100,29800,31500,32100,40800,67000,43100,38900,28900,25500,25000,28000,58300,58300 ],
+ ["Beijing",28.2,29.9,60.3,51.8,17,18,1979,9,34,27,16,184,730,1.467,4.767,5.852,-0.683,3.325,5.417,50.6,463,420,310,4370,0.26,14.25,3.64,23800,67,1.24,41,160,400,660,700,1554,660,4.5,5.6,17,11400,7000,8500,7600,6200,11900,13300,11700,10700,18300,17100,8900,5400,7600,19800,19800 ],
+ ["Berlin",109.7,97.1,72.2,64.1,79.2,70.1,1742,28,16,11,9,56,720,1.784,2.276,2.754,0.234,1.15,2.483,62.5,389,530,841,4670,2.98,80.3,10.79,35600,246,2.1,34,120,230,570,710,2395,1178,17.7,25.8,30,56900,38600,35500,28500,47400,57600,84200,74500,72100,51700,38100,28200,32000,28100,81700,81700 ],
+ ["Bogotá",41.4,40.7,53.1,47,22.3,22,1981,15,52,34,17,142,540,4.296,5.544,6.998,4.202,2.27,3.416,45.8,363,410,634,4170,0.84,null,2.81,20200,303,1.24,25,140,300,310,440,1554,841,5.5,7.3,12,11100,7600,8400,7000,7300,11900,27600,65800,19700,14600,12300,7400,4100,5300,31900,31900 ],
+ ["Bratislava",51.3,50.7,53.9,47.1,27.7,27.3,1884,23,31,20,19,126,490,4.264,1.89,3.935,0.925,0.697,4.079,45.9,344,330,414,4740,1.08,22.97,5.61,26700,65,1.93,28,120,230,250,340,1683,841,6.9,9,22,11300,14100,11300,10000,16300,18900,20300,43300,22800,15800,16100,9600,12600,16400,48300,48300 ],
+ ["Brussels",107.5,78.5,75.8,68.8,81.5,59.5,1729,20,19,10,11,54,730,2.337,1.814,4.493,-0.009,2.332,3.469,67.1,433,690,1243,4580,2.42,26.03,15.71,23200,500,1.91,63,130,280,630,800,2538,1839,15,26.5,42,44000,36500,38200,34200,52100,43600,97000,73700,67100,56900,42300,35200,33500,36000,78200,78200 ],
+ ["Budapest",35.5,32,56.7,50.4,20.1,18.1,1912,22,49,13,26,206,740,3.878,7.934,6.067,4.209,4.85,3.9,49.1,340,390,556,5270,1.43,15.96,7.64,22600,76,1.95,28,130,410,580,920,2123,1165,4.6,6.6,28,8900,11500,9300,7000,10900,16800,25600,21100,23300,21400,11100,8200,6500,8900,29300,29300 ],
+ ["Buenos Aires",42.9,46.2,55,47.7,23.6,25.4,1830,13,45,12,16,187,620,10.898,8.83,8.585,6.27,10.461,9.775,46.5,310,380,401,5170,0.28,null,7.97,20200,307,1.27,25,160,280,400,660,1359,738,6.4,7.7,16,8700,16300,11900,10200,11400,15800,34300,17600,19200,17100,15800,14600,7500,10400,15400,15400 ],
+ ["Bucharest",37.1,34,39.8,34.8,14.8,13.5,1836,26,57,21,26,230,370,6.552,4.84,7.848,5.581,6.101,5.812,33.9,244,270,388,3830,0.75,9.43,3.17,11700,36,1.9,25,100,190,180,300,984,530,3.4,4.8,29,5600,7500,9500,7900,7400,14900,13900,22000,11400,8800,6000,8200,5800,5300,13200,13200 ],
+ ["Caracas",21.9,25.7,91.1,85.4,20,23.4,1878,17,80,59,13,272,830,13.654,18.703,30.37,27.081,28.187,26.09,83.3,689,690,2098,8460,0.35,null,11.65,49000,18,0.01,68,190,400,520,950,3820,2784,5.9,6.5,7,10500,5400,10900,6100,9700,25400,16800,30600,22800,15800,8400,9500,5400,6700,12400,12400 ],
+ ["Chicago",105.3,101.9,79.1,72.9,83.3,80.6,1853,12,11,15,9,32,540,3.222,2.86,3.798,-0.321,1.641,3.142,71.1,460,780,1398,4270,2.25,34.99,12.5,22100,95,1.11,38,200,270,740,1200,3535,2214,20.3,27.1,25,49300,52100,44000,49000,58500,48300,79300,88500,88200,40300,42600,23200,33800,38700,103500,103500 ],
+ ["Delhi",23,25,33.2,29.5,7.6,8.3,2264,13,65,15,40,370,370,6.177,6.372,8.349,10.882,11.99,8.628,28.8,208,210,466,4590,0.25,10.58,1.95,15300,93,0.77,18,100,250,260,410,867,556,2.1,2.5,11,4500,2500,1900,1300,4800,10200,13500,11100,9600,6700,5400,3000,1800,4000,14100,14100 ],
+ ["Doha",38.8,50.2,68.6,66.9,26.6,34.4,2165,25,20,12,15,82,690,11.828,13.764,15.049,-4.865,-2.433,2,65.3,355,870,1735,3790,1.14,null,4.12,17000,27,0.24,63,200,360,340,470,4869,3004,8.7,8.7,0,22300,10400,9800,4100,20600,13700,49500,47000,32900,27100,19800,10900,3200,11500,23100,23100 ],
+ ["Dubai",63.5,82,78.2,77.2,49.6,64.2,2095,24,11,10,14,46,1120,9.272,11.115,11.454,1.56,0.878,0.882,75.3,484,790,2447,4550,0.54,null,8.17,23100,94,1.01,95,200,680,1270,1450,4882,3483,16.2,16.2,0,35900,16300,14200,3600,38300,58100,116800,91400,64800,26200,22900,13600,9800,19600,80000,80000 ],
+ ["Dublin",101.9,103.3,76.3,69.7,77.7,78.8,1707,21,14,7,10,39,580,2.7,2.873,3.108,-1.683,-1.557,1.139,68,454,720,1554,5160,2.74,34.53,14.89,32000,427,2.01,55,130,260,470,600,2331,1592,19.8,25.3,20,57100,45500,38300,28200,42600,42100,88800,86100,54300,45800,31700,25300,28200,28800,85000,85000 ],
+ ["Frankfurt",102.2,90.5,86.3,77.2,88.2,78.1,1731,28,14,8,10,42,950,1.784,2.276,2.754,0.234,1.15,2.483,75.3,439,710,1282,5510,3.24,86.77,16.23,36800,78,1.89,68,130,370,840,890,2370,1644,19.7,28.7,30,60900,33300,40400,34100,48800,40000,83300,77700,77700,61600,50600,37900,34100,29100,104100,104100 ],
+ ["Geneva",116,111.8,106.6,96.8,123.6,119.2,1893,20,14,6,7,24,1220,1.047,0.732,2.43,-0.476,0.685,0.228,94.5,714,1080,1567,5330,3.67,58.23,27.78,25200,135,2.04,99,270,620,850,1150,4701,2434,30,40.2,24,89600,77400,61900,58900,78400,76500,105800,113300,89400,110900,64900,49200,55400,61800,171100,171100 ],
+ ["Helsinki",93,86,86.5,82.3,80.2,74.2,1712,28,16,13,6,44,960,1.279,1.584,3.9,1.635,1.686,3.323,80.3,497,840,1437,5400,3.28,34.83,12.71,34600,152,1.97,44,200,450,610,1200,8677,1437,18.7,26.1,27,48000,42200,38200,38700,40500,41200,89900,60500,69200,44700,38600,34600,33500,35600,74500,74500 ],
+ ["Hong Kong",58.5,68.1,73.1,75.2,42.8,49.8,2295,11,9,23,9,53,970,2.018,2.027,4.285,0.588,2.312,5.281,73.4,651,520,1800,4770,1.33,20.48,3.99,23800,509,1.65,58,290,610,390,620,9661,4222,12.5,13.9,9,52500,20100,20100,18900,23100,40800,64400,63700,44600,22300,25100,22100,14000,19000,62600,62600 ],
+ ["Istanbul",39,39.4,71.5,65.6,27.9,28.2,2139,19,42,9,14,166,720,9.597,8.756,10.444,6.251,8.567,6.472,64,430,630,1282,5490,0.95,15.84,8.94,34600,1189,2.37,44,240,420,630,880,3147,1476,7.1,9.1,20,14800,14600,13500,9500,20300,51300,38600,39100,34100,19300,13500,9500,9200,9300,33500,33500 ],
+ ["Jakarta",14.7,17.2,53.7,48.6,7.9,9.2,2111,11,62,100,27,348,500,13.104,6.034,9.777,4.813,5.133,5.357,47.4,369,330,673,4460,0.38,2.64,2.93,47800,717,0.76,19,160,320,190,390,2719,1087,2.3,2.6,7,2700,2600,2200,1300,10100,4400,17000,13000,10700,5300,4800,2700,1400,3200,15800,15800 ],
+ ["Johannesburg",80.6,75.5,52.1,47.3,41.5,38.9,1886,15,26,9,10,94,490,4.688,7.09,11.504,7.125,4.27,4.999,46.1,310,400,738,3800,1.25,15.59,4.07,35500,56,1.45,28,100,320,310,400,2162,1295,9.8,13.5,21,17700,11900,21000,7500,41800,18000,51500,36800,74900,11900,22400,10500,15900,6600,65900,65900 ],
+ ["Cairo",26.2,28.7,42.4,36.3,11,12.1,2331,15,67,8,19,290,420,4.198,10.952,11.704,16.244,11.703,11.068,35.4,300,300,168,4220,0.19,5.24,1.49,21500,50,0.15,27,100,200,380,430,1113,492,3,3.6,15,1600,1400,2700,2600,6600,48800,27700,20500,9600,3200,6200,5400,1900,3100,10900,10900 ],
+ ["Kiev",19.5,20.9,53.1,46.9,10.5,11.2,1850,24,45,18,29,266,930,9.009,12.843,25.201,15.9,9.365,7.958,45.7,263,450,556,4140,0.25,12.15,4.56,24900,null,1.22,42,150,530,430,600,1631,854,2.8,3.4,16,3800,5300,6500,4900,7000,10500,11100,14100,6700,10000,4900,4100,4000,3900,13300,13300 ],
+ ["Copenhagen",122,92.6,100.9,88.8,123.1,93.4,1674,29,15,9,6,36,1060,1.9,1.712,3.399,1.319,2.298,2.757,86.7,567,960,1100,5060,4.88,59.92,17.33,63400,641,1.99,72,270,490,950,1150,2616,1735,23.5,40.1,41,86500,56300,68400,58500,68900,61000,86400,94500,89200,72900,61900,46000,64800,42200,109200,109200 ],
+ ["Kuala Lumpur",41.1,42,52.1,46.2,21.5,22,1986,15,25,20,21,129,500,3.609,2.027,5.4,0.6,1.7,3.2,45.1,346,400,777,4300,0.68,7.06,2.44,25700,91,0.59,58,120,220,230,540,1256,621,5.5,7,17,10400,8300,10700,6100,12800,17100,44000,31200,23600,11400,13200,7400,5100,7100,22700,22700 ],
+ ["Lima",43.6,45.5,50.8,44.5,22.2,23.1,2107,27,21,20,15,162,600,2.004,1.78,5.788,2.936,1.53,3.369,43.4,303,410,492,4480,0.47,null,4.52,19300,95,1.36,36,130,400,310,470,1502,543,5.8,7.2,15,6300,6200,7600,5400,15900,12200,37300,40700,24300,10100,18900,6700,7600,8300,29400,29400 ],
+ ["Lisbon",65.3,63.2,67.5,60.2,44,42.6,1695,22,22,13,8,96,720,3.043,2.423,2.646,-0.903,1.391,3.558,58.7,310,570,1100,5180,1.83,27.63,11.5,38100,181,1.95,45,80,390,390,510,1308,1178,10.7,14.3,22,32000,22500,19700,13900,25900,33700,33700,35200,36100,32400,17500,15000,18500,14900,63100,63100 ],
+ ["Ljubljana",57.5,50.5,63.3,55.2,36.4,32,1792,22,25,22,38,101,550,2.458,3.611,5.7,0.855,1.834,1.828,53.8,368,490,479,4970,2.03,18.49,7.25,24600,140,1.71,32,140,240,560,1000,1774,1023,8.1,11.9,30,29000,15000,18100,13000,17900,28000,56600,41700,35000,23400,16300,12800,12400,17900,27800,27800 ],
+ ["London",91.2,86.2,87.2,83,79.5,75.2,1786,22,15,6,13,42,930,2.3,2.346,3.629,2.12,3.339,4.454,81,436,770,1981,4910,3.7,81.95,23.03,28000,217,2.4,50,200,440,480,800,4830,3263,19,25.9,26,55700,44400,40900,39100,51700,36400,80300,75000,65900,46600,40700,26300,37600,27100,64200,64200 ],
+ ["Los Angeles",113.8,106.7,75.8,68.7,86.3,80.9,1942,12,11,18,6,33,520,3.222,2.86,3.798,-0.321,1.641,3.142,67,501,580,1204,3590,1.5,34.33,25.06,30100,296,1.13,37,170,270,710,1240,2564,1877,20.4,28.1,28,55700,60200,42100,47000,62300,51900,58500,69200,90500,46100,44900,36500,47300,45700,80300,80300 ],
+ ["Luxembourg",111.6,116.2,94.4,85.5,105.4,109.7,1788,25,11,9,9,30,970,2.667,2.313,3.383,0.37,2.274,3.409,83.4,524,860,1813,4660,1.94,54.13,19.43,31100,118,1.6,81,140,380,960,1440,2305,1839,27.6,34.3,18,113300,93900,38900,28500,45300,35500,126300,58300,66800,93900,45700,28500,29900,37200,89400,89400 ],
+ ["Lyon",81.8,82.5,78.4,68.8,64.2,64.7,1641,26,16,10,12,52,740,1.912,1.607,3.159,0.103,1.735,2.294,67.2,477,700,945,4540,2.07,40.02,13.08,30400,null,1.84,29,180,310,740,1180,1554,1217,16.3,20.9,21,33900,30300,26200,24000,29400,43500,81500,70600,45100,55200,26000,22500,23800,24700,100900,100900 ],
+ ["Madrid",83.6,85,69.7,61.7,57,57.9,1733,30,18,9,6,53,590,3.563,2.844,4.13,-0.238,2.043,3.052,60.2,432,630,1049,4940,1.94,44.51,13.27,21600,177,1.76,53,170,240,580,910,1295,1061,14.6,18.5,19,29100,25400,20500,23200,27300,35900,39200,63500,52700,53500,26900,17500,19900,25600,65100,65100 ],
+ ["Milan",88.2,77.2,79.7,72.2,70.3,61.5,1753,23,17,14,15,55,770,2.217,2.038,3.5,0.764,1.639,2.903,70.4,487,710,1256,4790,1.94,34.75,16.84,18800,186,2.24,73,170,320,870,1170,2862,1813,15.5,22.9,31,32800,36500,29400,28900,36900,51000,68000,60400,57900,43500,32000,29700,28800,23200,58700,58700 ],
+ ["Manama",56.4,71.9,54,49.5,30.5,38.8,1989,22,19,5,9,72,530,2.041,3.252,3.533,2.786,1.969,1,48.3,278,510,906,3810,0.8,null,11.52,18600,93,0.93,18,170,350,390,510,2486,1282,9.8,9.9,1,19800,10900,9200,7600,24000,11500,57900,33700,34400,15000,15300,19900,11800,14400,27800,27800 ],
+ ["Manila",19.2,19.5,41.5,35.9,8,8.1,2245,10,72,70,27,435,450,6.234,2.8,9.299,4.191,3.793,4.761,35,292,300,194,5630,0.34,5.58,2.88,17400,47,1.02,18,160,300,140,270,1437,505,2,2.6,19,3400,2500,2700,2700,3600,8900,10900,18800,9800,3500,4000,3100,2800,4800,9700,9700 ],
+ ["Mexico City",26.8,29.5,51.2,45.7,13.7,15.1,2375,6,48,25,21,220,440,3.629,3.967,5.125,5.297,4.155,3.403,44.6,259,480,738,4580,0.37,null,3.6,19400,28,0.81,31,130,210,620,930,1398,984,3.8,4.5,12,8400,3800,3400,3100,4800,19800,21400,21200,13600,7100,15500,4800,3100,14600,28000,28000 ],
+ ["Miami",106.2,103.7,77,70.7,81.8,79.9,1938,12,12,12,5,32,560,3.222,2.86,3.798,-0.321,1.641,3.142,69,499,610,1515,3580,1.83,27.33,15.32,32400,98,1.05,28,160,330,630,880,2693,1929,20.1,26.6,23,63500,30600,40700,40100,56500,46200,70300,101500,95100,49300,46800,30700,33800,37700,71500,71500 ],
+ ["Montreal",93.1,80.9,81.8,73.7,76.2,66.2,1782,13,19,14,14,44,720,2.018,2.123,2.385,0.3,1.776,2.891,71.9,519,690,1359,4610,2.87,70.58,12.98,21400,308,1.33,51,210,310,630,1100,2266,1735,16.7,24.8,32,56700,48700,43800,27600,42500,44600,59700,65100,61600,58900,40800,25900,35400,32000,56300,56300 ],
+ ["Moscow",45.1,50.3,66.2,61.3,30.4,33.8,1799,25,18,7,12,119,970,9.679,9.007,14.117,11.654,6.854,8.443,59.8,314,690,854,5050,0.85,10.56,13.24,21200,73,0.93,73,200,530,820,1040,3639,2784,8.5,9.9,14,11900,18600,15800,13000,15900,30300,28800,29500,25500,19200,16800,12200,11800,10000,46100,46100 ],
+ ["Mumbai",24.9,27.3,34.1,31,8.5,9.3,2251,19,56,29,30,338,400,6.177,6.372,8.349,10.882,11.99,8.628,30.3,186,210,453,3610,0.13,2.72,1.76,11500,754,0.91,24,160,280,320,540,1683,802,2.3,2.8,11,3800,3200,2100,1300,3100,7900,19800,21100,15400,7500,3800,2700,1400,4800,18000,18000 ],
+ ["Munich",108.3,89.9,84.6,75.1,91.5,76,1755,25,14,11,11,42,800,1.784,2.276,2.754,0.234,1.15,2.483,73.3,500,720,971,4770,3.24,71.23,18.04,38400,150,1.86,53,170,340,830,1130,2499,1813,19.2,29.8,34,51200,40000,37300,28000,51700,55200,105900,115500,79500,78200,50100,40300,31500,30200,105900,105900 ],
+ ["Nairobi",21.4,21,48.6,43.7,10.4,10.2,2196,21,83,27,41,292,490,14.455,9.76,13.1,10.552,4.087,13.998,42.7,291,370,479,4340,0.54,35.8,7.16,23900,null,1.29,22,170,220,220,280,2382,1230,2.6,3.4,24,4000,3100,2600,2500,4400,16200,11400,16600,21000,7500,4300,3400,2800,4900,14200,14200 ],
+ ["New York",100,100,100,100,100,100,2061,13,9,12,5,28,1180,3.222,2.86,3.798,-0.321,1.641,3.142,97.6,552,1000,3354,3960,2.42,85.98,8.5,20500,100,1.15,71,340,730,570,980,7239,4299,25.2,32.6,22,62900,57200,50000,69300,79100,85500,118200,119300,107400,68400,54800,42300,41300,41700,120600,120600 ],
+ ["Nicosia",95,107.1,64,57,60.8,68.5,1778,22,11,7,8,54,490,2.245,2.165,4.377,0.174,2.564,3.486,55.6,370,490,919,5480,1.45,null,9.31,24600,74,1.67,33,140,270,630,950,1877,932,17.3,19.8,11,47400,24700,28600,24500,33800,52700,62800,48600,47700,45600,23100,20200,21000,21100,107000,107000 ],
+ ["Oslo",102.7,83.9,116,104.5,119.1,97.4,1749,25,17,11,12,36,1000,2.332,0.729,3.766,2.166,2.4,1.301,102,599,1270,1968,5190,5.12,48.58,23.22,42700,574,2.37,98,220,410,840,1450,3250,2214,24.5,38.8,36,61500,60000,78200,62800,72900,59800,123400,97400,79400,69300,64900,49500,63700,46500,144000,144000 ],
+ ["Paris",94.8,89.4,83.9,77.5,78.1,73.6,1557,29,15,14,12,44,1100,1.912,1.607,3.159,0.103,1.735,2.294,75.6,522,770,1670,5030,2.16,42.87,9.39,33700,486,1.89,64,210,600,1020,1410,3250,2279,18.5,25.4,26,38700,32800,28000,25900,32100,36800,71000,71100,67100,80700,34700,25300,25400,25600,86900,86900 ],
+ ["Prague",45.1,46.2,54.3,48,24.5,25.1,1829,20,34,13,16,132,740,2.543,2.862,6.339,1.034,1.464,1.929,46.8,295,460,725,4900,1.37,12.78,8.05,27800,116,1.88,58,120,350,250,530,1230,867,6.3,8,20,13200,16200,13600,9100,15400,17100,24500,25300,21000,20100,13200,12200,9200,10500,21900,21900 ],
+ ["Riga",44.3,39.2,54.5,47.2,24.2,21.4,1806,23,33,22,22,168,580,6.571,10.083,15.252,3.259,-1.224,4.223,46,316,410,466,4460,1.3,9.23,6.34,29700,98,1.76,36,110,300,440,570,932,841,5.4,7.9,31,8400,13700,15500,14600,15300,14400,23300,30400,16800,18900,13700,8700,9300,13000,33000,33000 ],
+ ["Rio de Janeiro",44.4,45,61.2,55.5,27.2,27.5,1895,30,45,33,11,160,710,4.196,3.638,5.672,4.888,5.039,6.636,54.2,354,530,764,5400,1.56,null,7.29,16100,357,0.88,23,180,440,230,350,3198,1320,6.9,8.9,15,13700,9800,14200,8400,18600,21200,62400,33300,37600,10900,10700,6600,6300,7500,70300,70300 ],
+ ["Rome",69.6,60.9,79.2,73.8,55.1,48.2,1898,22,23,17,19,70,650,2.217,2.038,3.5,0.764,1.639,2.903,72,497,690,1813,5190,1.94,36.69,9.38,32400,389,2.27,36,210,320,910,830,3237,2033,12.1,17.9,31,30600,33500,22900,19600,31300,74200,53100,65100,28000,34300,34800,22100,16200,13200,94500,94500 ],
+ ["Santiago de Chile",42.8,40.6,52.9,47.6,22.6,21.5,2034,15,55,22,21,157,630,3.392,4.408,8.716,1.485,1.408,3.34,46.5,348,460,673,4520,1.17,6.49,7.13,13400,255,1.24,33,140,410,360,610,2344,1023,5.4,7.4,23,15400,10000,11000,6700,12200,12300,28100,36700,32000,21600,11300,8200,7400,8500,30600,30600 ],
+ ["São Paulo",48.7,49.4,61.7,56.1,30.1,30.5,1809,30,39,27,7,106,770,4.196,3.638,5.672,4.888,5.039,6.636,54.8,379,540,854,5010,1.53,null,6.83,23700,485,1.28,42,310,470,300,600,2810,1580,7.7,9.8,16,10600,11300,12600,6600,12600,25500,61900,67000,28200,14600,13900,8700,7100,4800,19900,19900 ],
+ ["Seoul",80.8,74,67.9,66.3,54.8,50.2,2308,13,16,14,10,56,780,1.467,4.767,5.852,2.757,2.938,4.026,64.7,629,590,2175,4790,0.9,17.54,3.4,26000,523,1.56,60,240,510,220,300,3444,2641,12.7,17.9,23,65400,43600,11700,13000,41600,69800,65400,52300,82900,34100,27100,21800,10500,24500,130800,130800 ],
+ ["Shanghai",37.2,38.4,56.2,49.7,20.9,21.6,1966,9,28,43,8,142,740,2.242,2.535,4.674,-0.683,3.325,5.417,48.5,404,470,712,3950,0.58,10.4,3.64,29400,76,1.26,64,250,440,400,960,1424,919,5.4,6.8,17,12200,8500,9300,6700,9200,23700,39600,24700,15800,28900,12300,7400,8200,7600,53200,53200 ],
+ ["Singapore",50.8,53.3,94.9,89.2,48.2,50.7,2036,14,18,21,12,58,920,0.973,2.096,6.514,0.589,2.824,5.247,87.1,589,710,1994,5120,1.36,null,8.65,124900,966,1.25,88,180,410,530,840,4455,3496,12.8,15.7,18,41200,21900,19600,15000,27200,30400,82600,77600,46800,27800,28200,19000,14500,21600,86800,86800 ],
+ ["Sofia",32.6,32.1,42.4,36.5,13.8,13.6,1894,22,36,20,28,248,420,7.417,7.571,11.95,2.473,3.036,3.389,35.6,265,290,336,3890,0.66,6.62,2,27700,119,1.71,19,80,220,270,430,764,453,3.4,4.5,23,4700,7300,7500,5700,9300,11100,18100,15200,10400,10700,7400,7400,5100,10900,21900,21900 ],
+ ["Stockholm",90.2,84.9,92,81.7,82.9,78.1,1795,26,17,18,11,45,810,1.498,1.677,3.298,1.989,1.907,1.366,79.7,553,900,1178,4950,4.52,41.6,24.64,36400,334,2.14,68,180,340,760,1240,2525,1826,19.7,27,26,46600,41300,41300,43300,44300,45800,88800,81900,72500,48600,41100,37400,37900,41700,83400,83400 ],
+ ["Sydney",112.5,117.1,83.7,77.8,94.1,98,1846,15,11,9,6,32,690,3.538,2.332,4.353,1.82,2.845,3.389,75.9,508,680,1644,5210,3.43,39.35,9.75,22200,245,1.5,45,220,350,580,820,4183,2175,24.7,30.6,18,57400,41800,39400,39200,72000,55900,111000,93400,79000,52200,50500,40400,50500,36800,110300,110300 ],
+ ["Taipei",52,61.4,63.9,58,33.3,39.3,2115,11,15,9,11,79,650,0.598,1.798,3.527,-0.872,0.963,1.422,56.6,448,490,945,4290,0.68,11.25,4.37,22400,382,1.1,63,120,350,980,1070,2434,1696,9.9,10.8,8,25600,23200,16700,20100,24700,41300,61500,44400,29300,20600,15500,12700,11000,14800,36000,36000 ],
+ ["Tallinn",47.9,48.6,58.3,50.2,28,28.3,1760,28,27,20,15,139,490,4.43,6.598,10.366,-0.085,2.894,5.121,49,333,380,453,5200,1.81,9.79,5.86,21200,null,1.72,34,160,250,610,830,984,712,7.1,9.1,20,11400,17700,21200,10600,17900,21400,51000,16600,27300,11800,14200,8800,10600,13600,27800,27800 ],
+ ["Tel Aviv",57,57.6,75.4,68.5,43,43.5,1966,16,17,9,20,100,600,2.107,0.516,4.745,3.342,2.686,3.45,66.8,476,620,1282,5740,1.72,16.95,13.57,33900,413,2.14,40,180,360,440,580,2577,1709,11,14,18,20700,26500,18900,21000,25000,33500,48700,56200,56200,28900,18400,12300,15200,19700,83000,83000 ],
+ ["Tokyo",84.7,82.9,109,100.1,92.4,90.4,2012,16,8,14,15,35,1190,0.3,0,1.396,-1.347,-0.72,-0.283,97.7,927,940,1631,4820,2.46,44.72,21.42,26300,495,1.62,72,370,730,1220,1880,6177,2486,22.8,30.1,24,78200,56300,54000,47000,77700,70200,89400,102100,77200,79400,48800,35100,48000,44700,144000,144000 ],
+ ["Toronto",103.4,92.4,74.3,67.2,76.8,68.6,1847,14,10,11,9,38,680,2.018,2.123,2.385,0.3,1.776,2.891,65.6,453,750,1087,4520,3.08,35.62,13.31,15000,75,1.25,71,150,340,310,840,2564,2020,17.3,25,27,82900,36700,33300,46200,44300,53000,66600,47300,84800,32900,26300,28000,29700,37400,74600,74600 ],
+ ["Vilnius",42.6,41.6,50.9,43.6,21.7,21.2,1789,24,32,19,33,168,410,3.788,5.772,11.138,4.164,1.19,4.124,42.5,284,360,323,4770,0.94,13.73,4.63,23700,null,1.72,22,90,220,480,510,984,492,5.3,7.1,23,10500,12200,13900,9800,17700,21900,23600,18500,16600,20200,10400,6500,8500,8000,38500,38500 ],
+ ["Warsaw",44.3,40.8,53.7,48,23.8,21.9,1792,23,35,13,24,141,650,1.033,2.493,4.215,3.45,2.514,4.268,46.8,291,420,712,4410,0.79,14.62,3.15,25000,55,1.76,31,110,280,580,950,1618,1204,5.5,7.7,28,11900,10000,12600,9700,13200,20500,20900,27600,17900,11900,11700,11000,8400,7600,24900,24900 ],
+ ["Vienna",100.6,88.8,81.3,72.1,80.2,70.8,1786,25,13,8,8,46,830,1.686,2.203,3.223,0.401,1.69,3.6,70.3,503,680,945,5560,2.59,42.03,17.27,29800,453,1.8,47,140,360,980,1040,2486,1424,17.8,26.1,29,44700,42900,34100,29500,56200,49000,96100,82900,69800,49100,49900,30000,25400,32600,72500,72500 ],
+ ["Zurich",119.1,120.3,110,102.5,131.1,132.4,1887,23,12,5,5,22,1250,1.047,0.732,2.43,-0.476,0.685,0.228,100,704,1130,2551,5130,4.66,68.47,28.93,45200,426,2.01,90,280,630,1100,1190,4481,2499,33.4,42.7,21,104600,90700,68900,61800,79800,69900,137200,130000,115700,96900,71100,61400,53200,58900,140400,140400 ]
+];
+
+
+
+function makeMapData(rawData) {
+ var mapData = [];
+ for (var i = 0; i < rawData.length; i++) {
+ var geoCoord = geoCoordMap[rawData[i][0]];
+ if (geoCoord) {
+ mapData.push({
+ name: rawData[i][0],
+ value: geoCoord.concat(rawData[i].slice(1))
+ });
+ }
+ }
+ return mapData;
+};
+
+function makeParallelAxis(schema) {
+ var parallelAxis = [];
+ for (var i = 1; i < schema.length; i++) {
+ parallelAxis.push({dim: i, name: schema[i]});
+ }
+ return parallelAxis;
+}
+
+
+const option = {
+ parallel: {
+ axisExpandable: true,
+ axisExpandCenter: 15,
+ axisExpandCount: 10,
+ axisExpandWidth: 60
+ },
+ parallelAxis: makeParallelAxis(schema),
+ series: [
+ {
+ name: 'parallel',
+ type: 'parallel',
+ smooth: true,
+ lineStyle: {
+ color: '#577ceb',
+ width: 0.5,
+ opacity: 0.6
+ },
+ z: 100,
+ blendMode: 'lighter',
+ data: rawData
+ }
+ ]
+};
+
+</ExampleBaseOption>
{{use: partial-component-id(prefix="#")}}
@@ -22,6 +454,8 @@
## layout(string) = 'horizontal'
+<ExampleUIControlEnum options="horizontal,vertical" default="horizontal" />
+
布局方式，可选值为：
+ `'horizontal'`：水平排布各个坐标轴。
@@ -30,6 +464,8 @@
## axisExpandable(boolean) = false
+<ExampleUIControlBoolean />
+
{{use: partial-parallel-high-dim (
galleryViewPath=${galleryViewPath}
)}}
@@ -38,25 +474,33 @@
## axisExpandCenter(number) = null
+<ExampleUIControlNumber min="0" step="1" />
+
初始时，以哪个轴为中心展开，这里给出轴的 index。没有默认值，需要手动指定。
-参见 [parallel.axisExpandable](parallel.axisExpandable)
+参见 [parallel.axisExpandable](~parallel.axisExpandable)
## axisExpandCount(number) = 0
+<ExampleUIControlNumber min="0" step="1" />
+
初始时，有多少个轴会处于展开状态。建议根据你的维度个数而手动指定。
-参见 [parallel.axisExpandCenter](parallel.axisExpandCenter)
-参见 [parallel.axisExpandable](parallel.axisExpandable)
+参见 [parallel.axisExpandCenter](~parallel.axisExpandCenter)
+参见 [parallel.axisExpandable](~parallel.axisExpandable)
## axisExpandWidth(number) = 50
+<ExampleUIControlNumber min="50" step="1" />
+
在展开状态，轴的间距是多少，单位为像素。
-参见 [parallel.axisExpandable](parallel.axisExpandable)
+参见 [parallel.axisExpandable](~parallel.axisExpandable)
## axisExpandTriggerOn(string) = 'click'
+<ExampleUIControlEnum options="click,mousemove" />
+
可取值：
+ `'click'`：鼠标点击的时候 expand。
+ `'mousemove'`：鼠标悬浮的时候 expand。
diff --git a/zh/option/component/timeline.md b/zh/option/component/timeline.md
index effbcfb..571f470 100644
--- a/zh/option/component/timeline.md
+++ b/zh/option/component/timeline.md
@@ -101,8 +101,368 @@ myChart.setOption(
+ ECharts 3 和 ECharts 2 相比，timeline 属性的定义位置有所不同，移到了 `baseOption` 中，统一作为一个普通的组件看待。但是，仍然兼容 ECharts2 的 timeline 定义位置，只是不再推荐这样写。
+<ExampleBaseOption name="timeline" title="时间轴">
+var dataMap = {};
+function dataFormatter(obj) {
+ var pList = ['北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江','上海','江苏','浙江','安徽','福建','江西','山东','河南','湖北','湖南','广东','广西','海南','重庆','四川','贵州','云南','西藏','陕西','甘肃','青海','宁夏','新疆'];
+ var temp;
+ for (var year = 2002; year <= 2011; year++) {
+ var max = 0;
+ var sum = 0;
+ temp = obj[year];
+ for (var i = 0, l = temp.length; i < l; i++) {
+ max = Math.max(max, temp[i]);
+ sum += temp[i];
+ obj[year][i] = {
+ name : pList[i],
+ value : temp[i]
+ }
+ }
+ obj[year + 'max'] = Math.floor(max / 100) * 100;
+ obj[year + 'sum'] = sum;
+ }
+ return obj;
+}
+
+dataMap.dataGDP = dataFormatter({
+ //max : 60000,
+ 2011:[16251.93,11307.28,24515.76,11237.55,14359.88,22226.7,10568.83,12582,19195.69,49110.27,32318.85,15300.65,17560.18,11702.82,45361.85,26931.03,19632.26,19669.56,53210.28,11720.87,2522.66,10011.37,21026.68,5701.84,8893.12,605.83,12512.3,5020.37,1670.44,2102.21,6610.05],
+ 2010:[14113.58,9224.46,20394.26,9200.86,11672,18457.27,8667.58,10368.6,17165.98,41425.48,27722.31,12359.33,14737.12,9451.26,39169.92,23092.36,15967.61,16037.96,46013.06,9569.85,2064.5,7925.58,17185.48,4602.16,7224.18,507.46,10123.48,4120.75,1350.43,1689.65,5437.47],
+ 2009:[12153.03,7521.85,17235.48,7358.31,9740.25,15212.49,7278.75,8587,15046.45,34457.3,22990.35,10062.82,12236.53,7655.18,33896.65,19480.46,12961.1,13059.69,39482.56,7759.16,1654.21,6530.01,14151.28,3912.68,6169.75,441.36,8169.8,3387.56,1081.27,1353.31,4277.05],
+ 2008:[11115,6719.01,16011.97,7315.4,8496.2,13668.58,6426.1,8314.37,14069.87,30981.98,21462.69,8851.66,10823.01,6971.05,30933.28,18018.53,11328.92,11555,36796.71,7021,1503.06,5793.66,12601.23,3561.56,5692.12,394.85,7314.58,3166.82,1018.62,1203.92,4183.21],
+ 2007:[9846.81,5252.76,13607.32,6024.45,6423.18,11164.3,5284.69,7104,12494.01,26018.48,18753.73,7360.92,9248.53,5800.25,25776.91,15012.46,9333.4,9439.6,31777.01,5823.41,1254.17,4676.13,10562.39,2884.11,4772.52,341.43,5757.29,2703.98,797.35,919.11,3523.16],
+ 2006:[8117.78,4462.74,11467.6,4878.61,4944.25,9304.52,4275.12,6211.8,10572.24,21742.05,15718.47,6112.5,7583.85,4820.53,21900.19,12362.79,7617.47,7688.67,26587.76,4746.16,1065.67,3907.23,8690.24,2338.98,3988.14,290.76,4743.61,2277.35,648.5,725.9,3045.26],
+ 2005:[6969.52,3905.64,10012.11,4230.53,3905.03,8047.26,3620.27,5513.7,9247.66,18598.69,13417.68,5350.17,6554.69,4056.76,18366.87,10587.42,6590.19,6596.1,22557.37,3984.1,918.75,3467.72,7385.1,2005.42,3462.73,248.8,3933.72,1933.98,543.32,612.61,2604.19],
+ 2004:[6033.21,3110.97,8477.63,3571.37,3041.07,6672,3122.01,4750.6,8072.83,15003.6,11648.7,4759.3,5763.35,3456.7,15021.84,8553.79,5633.24,5641.94,18864.62,3433.5,819.66,3034.58,6379.63,1677.8,3081.91,220.34,3175.58,1688.49,466.1,537.11,2209.09],
+ 2003:[5007.21,2578.03,6921.29,2855.23,2388.38,6002.54,2662.08,4057.4,6694.23,12442.87,9705.02,3923.11,4983.67,2807.41,12078.15,6867.7,4757.45,4659.99,15844.64,2821.11,713.96,2555.72,5333.09,1426.34,2556.02,185.09,2587.72,1399.83,390.2,445.36,1886.35],
+ 2002:[4315,2150.76,6018.28,2324.8,1940.94,5458.22,2348.54,3637.2,5741.03,10606.85,8003.67,3519.72,4467.55,2450.48,10275.5,6035.48,4212.82,4151.54,13502.42,2523.73,642.73,2232.86,4725.01,1243.43,2312.82,162.04,2253.39,1232.03,340.65,377.16,1612.6]
+});
+
+dataMap.dataPI = dataFormatter({
+ //max : 4000,
+ 2011:[136.27,159.72,2905.73,641.42,1306.3,1915.57,1277.44,1701.5,124.94,3064.78,1583.04,2015.31,1612.24,1391.07,3973.85,3512.24,2569.3,2768.03,2665.2,2047.23,659.23,844.52,2983.51,726.22,1411.01,74.47,1220.9,678.75,155.08,184.14,1139.03],
+ 2010:[124.36,145.58,2562.81,554.48,1095.28,1631.08,1050.15,1302.9,114.15,2540.1,1360.56,1729.02,1363.67,1206.98,3588.28,3258.09,2147,2325.5,2286.98,1675.06,539.83,685.38,2482.89,625.03,1108.38,68.72,988.45,599.28,134.92,159.29,1078.63],
+ 2009:[118.29,128.85,2207.34,477.59,929.6,1414.9,980.57,1154.33,113.82,2261.86,1163.08,1495.45,1182.74,1098.66,3226.64,2769.05,1795.9,1969.69,2010.27,1458.49,462.19,606.8,2240.61,550.27,1067.6,63.88,789.64,497.05,107.4,127.25,759.74],
+ 2008:[112.83,122.58,2034.59,313.58,907.95,1302.02,916.72,1088.94,111.8,2100.11,1095.96,1418.09,1158.17,1060.38,3002.65,2658.78,1780,1892.4,1973.05,1453.75,436.04,575.4,2216.15,539.19,1020.56,60.62,753.72,462.27,105.57,118.94,691.07],
+ 2007:[101.26,110.19,1804.72,311.97,762.1,1133.42,783.8,915.38,101.84,1816.31,986.02,1200.18,1002.11,905.77,2509.14,2217.66,1378,1626.48,1695.57,1241.35,361.07,482.39,2032,446.38,837.35,54.89,592.63,387.55,83.41,97.89,628.72],
+ 2006:[88.8,103.35,1461.81,276.77,634.94,939.43,672.76,750.14,93.81,1545.05,925.1,1011.03,865.98,786.14,2138.9,1916.74,1140.41,1272.2,1532.17,1032.47,323.48,386.38,1595.48,382.06,724.4,50.9,484.81,334,67.55,79.54,527.8],
+ 2005:[88.68,112.38,1400,262.42,589.56,882.41,625.61,684.6,90.26,1461.51,892.83,966.5,827.36,727.37,1963.51,1892.01,1082.13,1100.65,1428.27,912.5,300.75,463.4,1481.14,368.94,661.69,48.04,435.77,308.06,65.34,72.07,509.99],
+ 2004:[87.36,105.28,1370.43,276.3,522.8,798.43,568.69,605.79,83.45,1367.58,814.1,950.5,786.84,664.5,1778.45,1649.29,1020.09,1022.45,1248.59,817.88,278.76,428.05,1379.93,334.5,607.75,44.3,387.88,286.78,60.7,65.33,461.26],
+ 2003:[84.11,89.91,1064.05,215.19,420.1,615.8,488.23,504.8,81.02,1162.45,717.85,749.4,692.94,560,1480.67,1198.7,798.35,886.47,1072.91,658.78,244.29,339.06,1128.61,298.69,494.6,40.7,302.66,237.91,48.47,55.63,412.9],
+ 2002:[82.44,84.21,956.84,197.8,374.69,590.2,446.17,474.2,79.68,1110.44,685.2,783.66,664.78,535.98,1390,1288.36,707,847.25,1015.08,601.99,222.89,317.87,1047.95,281.1,463.44,39.75,282.21,215.51,47.31,52.95,305]
+});
+
+dataMap.dataSI = dataFormatter({
+ //max : 26600,
+ 2011:[3752.48,5928.32,13126.86,6635.26,8037.69,12152.15,5611.48,5962.41,7927.89,25203.28,16555.58,8309.38,9069.2,6390.55,24017.11,15427.08,9815.94,9361.99,26447.38,5675.32,714.5,5543.04,11029.13,2194.33,3780.32,208.79,6935.59,2377.83,975.18,1056.15,3225.9],
+ 2010:[3388.38,4840.23,10707.68,5234,6367.69,9976.82,4506.31,5025.15,7218.32,21753.93,14297.93,6436.62,7522.83,5122.88,21238.49,13226.38,7767.24,7343.19,23014.53,4511.68,571,4359.12,8672.18,1800.06,3223.49,163.92,5446.1,1984.97,744.63,827.91,2592.15],
+ 2009:[2855.55,3987.84,8959.83,3993.8,5114,7906.34,3541.92,4060.72,6001.78,18566.37,11908.49,4905.22,6005.3,3919.45,18901.83,11010.5,6038.08,5687.19,19419.7,3381.54,443.43,3448.77,6711.87,1476.62,2582.53,136.63,4236.42,1527.24,575.33,662.32,1929.59],
+ 2008:[2626.41,3709.78,8701.34,4242.36,4376.19,7158.84,3097.12,4319.75,6085.84,16993.34,11567.42,4198.93,5318.44,3554.81,17571.98,10259.99,5082.07,5028.93,18502.2,3037.74,423.55,3057.78,5823.39,1370.03,2452.75,115.56,3861.12,1470.34,557.12,609.98,2070.76],
+ 2007:[2509.4,2892.53,7201.88,3454.49,3193.67,5544.14,2475.45,3695.58,5571.06,14471.26,10154.25,3370.96,4476.42,2975.53,14647.53,8282.83,4143.06,3977.72,16004.61,2425.29,364.26,2368.53,4648.79,1124.79,2038.39,98.48,2986.46,1279.32,419.03,455.04,1647.55],
+ 2006:[2191.43,2457.08,6110.43,2755.66,2374.96,4566.83,1915.29,3365.31,4969.95,12282.89,8511.51,2711.18,3695.04,2419.74,12574.03,6724.61,3365.08,3187.05,13469.77,1878.56,308.62,1871.65,3775.14,967.54,1705.83,80.1,2452.44,1043.19,331.91,351.58,1459.3],
+ 2005:[2026.51,2135.07,5271.57,2357.04,1773.21,3869.4,1580.83,2971.68,4381.2,10524.96,7164.75,2245.9,3175.92,1917.47,10478.62,5514.14,2852.12,2612.57,11356.6,1510.68,240.83,1564,3067.23,821.16,1426.42,63.52,1951.36,838.56,264.61,281.05,1164.79],
+ 2004:[1853.58,1685.93,4301.73,1919.4,1248.27,3061.62,1329.68,2487.04,3892.12,8437.99,6250.38,1844.9,2770.49,1566.4,8478.69,4182.1,2320.6,2190.54,9280.73,1253.7,205.6,1376.91,2489.4,681.5,1281.63,52.74,1553.1,713.3,211.7,244.05,914.47],
+ 2003:[1487.15,1337.31,3417.56,1463.38,967.49,2898.89,1098.37,2084.7,3209.02,6787.11,5096.38,1535.29,2340.82,1204.33,6485.05,3310.14,1956.02,1777.74,7592.78,984.08,175.82,1135.31,2014.8,569.37,1047.66,47.64,1221.17,572.02,171.92,194.27,719.54],
+ 2002:[1249.99,1069.08,2911.69,1134.31,754.78,2609.85,943.49,1843.6,2622.45,5604.49,4090.48,1337.04,2036.97,941.77,5184.98,2768.75,1709.89,1523.5,6143.4,846.89,148.88,958.87,1733.38,481.96,934.88,32.72,1007.56,501.69,144.51,153.06,603.15]
+});
+
+dataMap.dataTI = dataFormatter({
+ //max : 25000,
+ 2011:[12363.18,5219.24,8483.17,3960.87,5015.89,8158.98,3679.91,4918.09,11142.86,20842.21,14180.23,4975.96,6878.74,3921.2,17370.89,7991.72,7247.02,7539.54,24097.7,3998.33,1148.93,3623.81,7014.04,2781.29,3701.79,322.57,4355.81,1963.79,540.18,861.92,2245.12],
+ 2010:[10600.84,4238.65,7123.77,3412.38,4209.03,6849.37,3111.12,4040.55,9833.51,17131.45,12063.82,4193.69,5850.62,3121.4,14343.14,6607.89,6053.37,6369.27,20711.55,3383.11,953.67,2881.08,6030.41,2177.07,2892.31,274.82,3688.93,1536.5,470.88,702.45,1766.69],
+ 2009:[9179.19,3405.16,6068.31,2886.92,3696.65,5891.25,2756.26,3371.95,8930.85,13629.07,9918.78,3662.15,5048.49,2637.07,11768.18,5700.91,5127.12,5402.81,18052.59,2919.13,748.59,2474.44,5198.8,1885.79,2519.62,240.85,3143.74,1363.27,398.54,563.74,1587.72],
+ 2008:[8375.76,2886.65,5276.04,2759.46,3212.06,5207.72,2412.26,2905.68,7872.23,11888.53,8799.31,3234.64,4346.4,2355.86,10358.64,5099.76,4466.85,4633.67,16321.46,2529.51,643.47,2160.48,4561.69,1652.34,2218.81,218.67,2699.74,1234.21,355.93,475,1421.38],
+ 2007:[7236.15,2250.04,4600.72,2257.99,2467.41,4486.74,2025.44,2493.04,6821.11,9730.91,7613.46,2789.78,3770,1918.95,8620.24,4511.97,3812.34,3835.4,14076.83,2156.76,528.84,1825.21,3881.6,1312.94,1896.78,188.06,2178.2,1037.11,294.91,366.18,1246.89],
+ 2006:[5837.55,1902.31,3895.36,1846.18,1934.35,3798.26,1687.07,2096.35,5508.48,7914.11,6281.86,2390.29,3022.83,1614.65,7187.26,3721.44,3111.98,3229.42,11585.82,1835.12,433.57,1649.2,3319.62,989.38,1557.91,159.76,1806.36,900.16,249.04,294.78,1058.16],
+ 2005:[4854.33,1658.19,3340.54,1611.07,1542.26,3295.45,1413.83,1857.42,4776.2,6612.22,5360.1,2137.77,2551.41,1411.92,5924.74,3181.27,2655.94,2882.88,9772.5,1560.92,377.17,1440.32,2836.73,815.32,1374.62,137.24,1546.59,787.36,213.37,259.49,929.41],
+ 2004:[4092.27,1319.76,2805.47,1375.67,1270,2811.95,1223.64,1657.77,4097.26,5198.03,4584.22,1963.9,2206.02,1225.8,4764.7,2722.4,2292.55,2428.95,8335.3,1361.92,335.3,1229.62,2510.3,661.8,1192.53,123.3,1234.6,688.41,193.7,227.73,833.36],
+ 2003:[3435.95,1150.81,2439.68,1176.65,1000.79,2487.85,1075.48,1467.9,3404.19,4493.31,3890.79,1638.42,1949.91,1043.08,4112.43,2358.86,2003.08,1995.78,7178.94,1178.25,293.85,1081.35,2189.68,558.28,1013.76,96.76,1063.89,589.91,169.81,195.46,753.91],
+ 2002:[2982.57,997.47,2149.75,992.69,811.47,2258.17,958.88,1319.4,3038.9,3891.92,3227.99,1399.02,1765.8,972.73,3700.52,1978.37,1795.93,1780.79,6343.94,1074.85,270.96,956.12,1943.68,480.37,914.5,89.56,963.62,514.83,148.83,171.14,704.5]
+});
+
+dataMap.dataEstate = dataFormatter({
+ //max : 3600,
+ 2011:[1074.93,411.46,918.02,224.91,384.76,876.12,238.61,492.1,1019.68,2747.89,1677.13,634.92,911.16,402.51,1838.14,987,634.67,518.04,3321.31,465.68,208.71,396.28,620.62,160.3,222.31,17.44,398.03,134.25,29.05,79.01,176.22],
+ 2010:[1006.52,377.59,697.79,192,309.25,733.37,212.32,391.89,1002.5,2600.95,1618.17,532.17,679.03,340.56,1622.15,773.23,564.41,464.21,2813.95,405.79,188.33,266.38,558.56,139.64,223.45,14.54,315.95,110.02,25.41,60.53,143.44],
+ 2009:[1062.47,308.73,612.4,173.31,286.65,605.27,200.14,301.18,1237.56,2025.39,1316.84,497.94,656.61,305.9,1329.59,622.98,546.11,400.11,2470.63,348.98,121.76,229.09,548.14,136.15,205.14,13.28,239.92,101.37,23.05,47.56,115.23],
+ 2008:[844.59,227.88,513.81,166.04,273.3,500.81,182.7,244.47,939.34,1626.13,1052.03,431.27,506.98,281.96,1104.95,512.42,526.88,340.07,2057.45,282.96,95.6,191.21,453.63,104.81,195.48,15.08,193.27,93.8,19.96,38.85,89.79],
+ 2007:[821.5,183.44,467.97,134.12,191.01,410.43,153.03,225.81,958.06,1365.71,981.42,366.57,511.5,225.96,953.69,447.44,409.65,301.8,2029.77,239.45,67.19,196.06,376.84,93.19,193.59,13.24,153.98,83.52,16.98,29.49,91.28],
+ 2006:[658.3,156.64,397.14,117.01,136.5,318.54,131.01,194.7,773.61,1017.91,794.41,281.98,435.22,184.67,786.51,348.7,294.73,254.81,1722.07,192.2,44.45,158.2,336.2,80.24,165.92,11.92,125.2,73.21,15.17,25.53,68.9],
+ 2005:[493.73,122.67,330.87,106,98.75,256.77,112.29,163.34,715.97,799.73,688.86,231.66,331.8,171.88,664.9,298.19,217.17,215.63,1430.37,165.05,38.2,143.88,286.23,76.38,148.69,10.02,108.62,63.78,14.1,22.97,55.79],
+ 2004:[436.11,106.14,231.08,95.1,73.81,203.1,97.93,137.74,666.3,534.17,587.83,188.28,248.44,167.2,473.27,236.44,204.8,191.5,1103.75,122.52,30.64,129.12,264.3,68.3,116.54,5.8,95.9,56.84,13,20.78,53.55],
+ 2003:[341.88,92.31,185.19,78.73,61.05,188.49,91.99,127.2,487.82,447.47,473.16,162.63,215.84,138.02,418.21,217.58,176.8,186.49,955.66,100.93,25.14,113.69,231.72,59.86,103.79,4.35,83.9,48.09,11.41,16.85,47.84],
+ 2002:[298.02,73.04,140.89,65.83,51.48,130.94,76.11,118.7,384.86,371.09,360.63,139.18,188.09,125.27,371.13,199.31,145.17,165.29,808.16,82.83,21.45,90.48,210.82,53.49,95.68,3.42,77.68,41.52,9.74,13.46,43.04]
+});
+
+dataMap.dataFinancial = dataFormatter({
+ //max : 3200,
+ 2011:[2215.41,756.5,746.01,519.32,447.46,755.57,207.65,370.78,2277.4,2600.11,2730.29,503.85,862.41,357.44,1640.41,868.2,674.57,501.09,2916.13,445.37,105.24,704.66,868.15,297.27,456.23,31.7,432.11,145.05,62.56,134.18,288.77],
+ 2010:[1863.61,572.99,615.42,448.3,346.44,639.27,190.12,304.59,1950.96,2105.92,2326.58,396.17,767.58,241.49,1361.45,697.68,561.27,463.16,2658.76,384.53,78.12,496.56,654.7,231.51,375.08,27.08,384.75,100.54,54.53,97.87,225.2],
+ 2009:[1603.63,461.2,525.67,361.64,291.1,560.2,180.83,227.54,1804.28,1596.98,1899.33,359.6,612.2,165.1,1044.9,499.92,479.11,402.57,2283.29,336.82,65.73,389.97,524.63,194.44,351.74,23.17,336.21,88.27,45.63,75.54,198.87],
+ 2008:[1519.19,368.1,420.74,290.91,219.09,455.07,147.24,177.43,1414.21,1298.48,1653.45,313.81,497.65,130.57,880.28,413.83,393.05,334.32,1972.4,249.01,47.33,303.01,411.14,151.55,277.66,22.42,287.16,72.49,36.54,64.8,171.97],
+ 2007:[1302.77,288.17,347.65,218.73,148.3,386.34,126.03,155.48,1209.08,1054.25,1251.43,223.85,385.84,101.34,734.9,302.31,337.27,260.14,1705.08,190.73,34.43,247.46,359.11,122.25,168.55,11.51,231.03,61.6,27.67,51.05,149.22],
+ 2006:[982.37,186.87,284.04,169.63,108.21,303.41,100.75,74.17,825.2,653.25,906.37,166.01,243.9,79.75,524.94,219.72,174.99,204.72,899.91,129.14,16.37,213.7,299.5,89.43,143.62,6.44,152.25,50.51,23.69,36.99,99.25],
+ 2005:[840.2,147.4,213.47,135.07,72.52,232.85,83.63,35.03,675.12,492.4,686.32,127.05,186.12,69.55,448.36,181.74,127.32,162.37,661.81,91.93,13.16,185.18,262.26,73.67,130.5,7.57,127.58,44.73,20.36,32.25,80.34],
+ 2004:[713.79,136.97,209.1,110.29,55.89,188.04,77.17,32.2,612.45,440.5,523.49,94.1,171,65.1,343.37,170.82,118.85,118.64,602.68,74,11.56,162.38,236.5,60.3,118.4,5.4,90.1,42.99,19,27.92,70.3],
+ 2003:[635.56,112.79,199.87,118.48,55.89,145.38,73.15,32.2,517.97,392.11,451.54,87.45,150.09,64.31,329.71,165.11,107.31,99.35,534.28,61.59,10.68,147.04,206.24,48.01,105.48,4.74,77.87,42.31,17.98,24.8,64.92],
+ 2002:[561.91,76.86,179.6,124.1,48.39,137.18,75.45,31.6,485.25,368.86,347.53,81.85,138.28,76.51,310.07,158.77,96.95,92.43,454.65,35.86,10.08,134.52,183.13,41.45,102.39,2.81,67.3,42.08,16.75,21.45,52.18]
+});
+
+
+const option = {
+ baseOption: {
+ timeline: {
+ axisType: 'category',
+ autoPlay: false,
+ data: [
+ '2002-01-01','2003-01-01','2004-01-01',
+ {
+ value: '2005-01-01',
+ tooltip: {
+ formatter: '{b} GDP达到一个高度'
+ },
+ symbol: 'diamond',
+ symbolSize: 16
+ },
+ '2006-01-01', '2007-01-01','2008-01-01','2009-01-01','2010-01-01',
+ {
+ value: '2011-01-01',
+ tooltip: {
+ formatter: function (params) {
+ return params.name + 'GDP达到又一个高度';
+ }
+ },
+ symbol: 'diamond',
+ symbolSize: 18
+ },
+ ],
+ label: {
+ formatter : function(s) {
+ return (new Date(s)).getFullYear();
+ }
+ }
+ },
+ title: {
+ subtext: '数据来自国家统计局'
+ },
+ tooltip: {},
+ legend: {
+ left: 'right',
+ data: ['第一产业', '第二产业', '第三产业'],
+ selected: {
+ 'GDP': false, '金融': false, '房地产': false
+ }
+ },
+ calculable : true,
+ grid: {
+ top: 80,
+ bottom: 100
+ },
+ xAxis: [
+ {
+ 'type':'category',
+ 'axisLabel':{'interval':0},
+ 'data':[
+ '北京','\n天津','河北','\n山西','内蒙古','\n辽宁','吉林','\n黑龙江',
+ '上海','\n江苏','浙江','\n安徽','福建','\n江西','山东','\n河南',
+ '湖北','\n湖南','广东','\n广西','海南','\n重庆','四川','\n贵州',
+ '云南','\n西藏','陕西','\n甘肃','青海','\n宁夏','新疆'
+ ],
+ splitLine: {show: false}
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value',
+ name: 'GDP（亿元）',
+ // max: 53500
+ max: 30000
+ }
+ ],
+ series: [
+ {name: 'GDP', type: 'bar'},
+ {name: '金融', type: 'bar'},
+ {name: '房地产', type: 'bar'},
+ {name: '第一产业', type: 'bar'},
+ {name: '第二产业', type: 'bar'},
+ {name: '第三产业', type: 'bar'},
+ {
+ name: 'GDP占比',
+ type: 'pie',
+ center: ['75%', '35%'],
+ radius: '28%'
+ }
+ ]
+ },
+ options: [
+ {
+ title: {text: '2002全国宏观经济指标'},
+ series: [
+ {data: dataMap.dataGDP['2002']},
+ {data: dataMap.dataFinancial['2002']},
+ {data: dataMap.dataEstate['2002']},
+ {data: dataMap.dataPI['2002']},
+ {data: dataMap.dataSI['2002']},
+ {data: dataMap.dataTI['2002']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2002sum']},
+ {name: '第二产业', value: dataMap.dataSI['2002sum']},
+ {name: '第三产业', value: dataMap.dataTI['2002sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2003全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2003']},
+ {data: dataMap.dataFinancial['2003']},
+ {data: dataMap.dataEstate['2003']},
+ {data: dataMap.dataPI['2003']},
+ {data: dataMap.dataSI['2003']},
+ {data: dataMap.dataTI['2003']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2003sum']},
+ {name: '第二产业', value: dataMap.dataSI['2003sum']},
+ {name: '第三产业', value: dataMap.dataTI['2003sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2004全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2004']},
+ {data: dataMap.dataFinancial['2004']},
+ {data: dataMap.dataEstate['2004']},
+ {data: dataMap.dataPI['2004']},
+ {data: dataMap.dataSI['2004']},
+ {data: dataMap.dataTI['2004']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2004sum']},
+ {name: '第二产业', value: dataMap.dataSI['2004sum']},
+ {name: '第三产业', value: dataMap.dataTI['2004sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2005全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2005']},
+ {data: dataMap.dataFinancial['2005']},
+ {data: dataMap.dataEstate['2005']},
+ {data: dataMap.dataPI['2005']},
+ {data: dataMap.dataSI['2005']},
+ {data: dataMap.dataTI['2005']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2005sum']},
+ {name: '第二产业', value: dataMap.dataSI['2005sum']},
+ {name: '第三产业', value: dataMap.dataTI['2005sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2006全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2006']},
+ {data: dataMap.dataFinancial['2006']},
+ {data: dataMap.dataEstate['2006']},
+ {data: dataMap.dataPI['2006']},
+ {data: dataMap.dataSI['2006']},
+ {data: dataMap.dataTI['2006']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2006sum']},
+ {name: '第二产业', value: dataMap.dataSI['2006sum']},
+ {name: '第三产业', value: dataMap.dataTI['2006sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2007全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2007']},
+ {data: dataMap.dataFinancial['2007']},
+ {data: dataMap.dataEstate['2007']},
+ {data: dataMap.dataPI['2007']},
+ {data: dataMap.dataSI['2007']},
+ {data: dataMap.dataTI['2007']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2007sum']},
+ {name: '第二产业', value: dataMap.dataSI['2007sum']},
+ {name: '第三产业', value: dataMap.dataTI['2007sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2008全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2008']},
+ {data: dataMap.dataFinancial['2008']},
+ {data: dataMap.dataEstate['2008']},
+ {data: dataMap.dataPI['2008']},
+ {data: dataMap.dataSI['2008']},
+ {data: dataMap.dataTI['2008']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2008sum']},
+ {name: '第二产业', value: dataMap.dataSI['2008sum']},
+ {name: '第三产业', value: dataMap.dataTI['2008sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2009全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2009']},
+ {data: dataMap.dataFinancial['2009']},
+ {data: dataMap.dataEstate['2009']},
+ {data: dataMap.dataPI['2009']},
+ {data: dataMap.dataSI['2009']},
+ {data: dataMap.dataTI['2009']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2009sum']},
+ {name: '第二产业', value: dataMap.dataSI['2009sum']},
+ {name: '第三产业', value: dataMap.dataTI['2009sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2010全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2010']},
+ {data: dataMap.dataFinancial['2010']},
+ {data: dataMap.dataEstate['2010']},
+ {data: dataMap.dataPI['2010']},
+ {data: dataMap.dataSI['2010']},
+ {data: dataMap.dataTI['2010']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2010sum']},
+ {name: '第二产业', value: dataMap.dataSI['2010sum']},
+ {name: '第三产业', value: dataMap.dataTI['2010sum']}
+ ]}
+ ]
+ },
+ {
+ title : {text: '2011全国宏观经济指标'},
+ series : [
+ {data: dataMap.dataGDP['2011']},
+ {data: dataMap.dataFinancial['2011']},
+ {data: dataMap.dataEstate['2011']},
+ {data: dataMap.dataPI['2011']},
+ {data: dataMap.dataSI['2011']},
+ {data: dataMap.dataTI['2011']},
+ {data: [
+ {name: '第一产业', value: dataMap.dataPI['2011sum']},
+ {name: '第二产业', value: dataMap.dataSI['2011sum']},
+ {name: '第三产业', value: dataMap.dataTI['2011sum']}
+ ]}
+ ]
+ }
+ ]
+};
+</ExampleBaseOption>
+
## show(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示 `timeline` 组件。如果设置为`false`，不会显示，但是功能还存在。
@@ -127,36 +487,50 @@ myChart.setOption(
## currentIndex(number) = 0
+<ExampleUIControlNumber min="0" step="1" />
+
表示当前选中项是哪项。比如，`currentIndex` 为 `0` 时，表示当前选中项为 `timeline.data[0]`（即使用 `options[0]`）。
## autoPlay(boolean) = false
+<ExampleUIControlBoolean />
+
表示是否自动播放。
## rewind(boolean) = false
+<ExampleUIControlBoolean />
+
表示是否反向播放。
## loop(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
表示是否循环播放。
## playInterval(number) = 2000
+<ExampleUIControlNumber min="0" step="20" default="2000" />
+
表示播放的速度（跳动的间隔），单位毫秒（ms）。
## realtime(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
拖动圆点的时候，是否实时更新视图。
## controlPosition(string) = 'left'
+<ExampleUIControlEnum options="left,right" />
+
表示『播放』按钮的位置。可选值：`'left'`、`'right'`。
@@ -167,11 +541,15 @@ myChart.setOption(
## padding(number|Array) = 5
+<ExampleUIControlVector default="5,5,5,5" dims="T,R,B,L" />
+
{{ use: partial-padding(componentName='timeline')}}
## orient(string) = 'horizontal'
+<ExampleUIControlEnum options="horizontal,vertical" default="horizontal" />
+
摆放方式，可选值有：
+ `'vertical'`：竖直放置。
@@ -180,6 +558,8 @@ myChart.setOption(
## inverse(boolean) = false
+<ExampleUIControlBoolean />
+
+ 是否反向放置 `timeline`，反向则首位颠倒过来。
@@ -196,6 +576,8 @@ myChart.setOption(
### show(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示轴线。可以设置为 `false` 不显示轴线，则可以做出不同的样式效果。
{{ use:partial-line-style(
@@ -212,6 +594,10 @@ myChart.setOption(
### position(string|number) = 'auto'
+<ExampleUIControlBoolean default="true" />
+
+<ExampleUIControlEnum options="auto,left,right,top,bottom" />
+
可选的配置方式：
+ `'auto'`：
@@ -273,31 +659,42 @@ myChart.setOption(
### color(Color) = '#c23531'
+<ExampleUIControlColor default="#c23531" />
+
`timeline`组件中『当前项』（`checkpoint`）的颜色。
### borderWidth(number) = 5
+<ExampleUIControlNumber min="0" step="0.5" default="5" />
+
`timeline`组件中『当前项』（`checkpoint`）的边框宽度。
### borderColor(Color) = 'rgba(194,53,49, 0.5)'
-`timeline`组件中『当前项』（`checkpoint`）的边框颜色。
+<ExampleUIControlColor default="rgba(194,53,49, 0.5)" />
+`timeline`组件中『当前项』（`checkpoint`）的边框颜色。
### animation(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
`timeline`组件中『当前项』（`checkpoint`）在 `timeline` 播放切换中的移动，是否有动画。
### animationDuration(number) = 300
+<ExampleUIControlNumber min="0" step="20" default="300" />
+
`timeline`组件中『当前项』（`checkpoint`）的动画时长。
### animationEasing(string) = 'quinticInOut'
+<ExampleUIControlEnum default="quinticInOut" options="linear,quadraticIn,quadraticOut,quadraticInOut,cubicIn,cubicOut,cubicInOut,quarticIn,quarticOut,quarticInOut,quinticIn,quinticOut,quinticInOut,sinusoidalIn,sinusoidalOut,sinusoidalInOut,exponentialIn,exponentialOut,exponentialInOut,circularIn,circularOut,circularInOut,elasticIn,elasticOut,elasticInOut,backIn,backOut,backInOut,bounceIn,bounceOut,bounceInOut" />
+
`timeline`组件中『当前项』（`checkpoint`）的动画的缓动效果。不同的缓动效果可以参考 [缓动示例](${galleryViewPath}line-easing)。
@@ -308,36 +705,50 @@ myChart.setOption(
### show(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示『控制按钮』。设置为 `false` 则全不显示。
### showPlayBtn(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示『播放按钮』。
### showPrevBtn(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示『后退按钮』。
### showNextBtn(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示『前进按钮』。
### itemSize(number) = 22
+<ExampleUIControlNumber min="0" step="0.5" default="22" />
+
『控制按钮』的尺寸，单位为像素（px）。
### itemGap(number) = 12
+<ExampleUIControlNumber min="0" step="0.5" default="12" />
+
『控制按钮』的间隔，单位为像素（px）。
### position(string) = 'left'
+<ExampleUIControlEnum options="left,right,top,bottom" />
+
『控制按钮』的位置。
+ 当 [timeline.orient](~timeline.orient) 为 `'horizontal'`时，`'left'`、`'right'`有效。
@@ -347,6 +758,8 @@ myChart.setOption(
### playIcon(string)
+<ExampleUIControlIcon />
+
『播放按钮』的『可播放状态』的图形。
{{ use: partial-icon-image-path }}
@@ -354,6 +767,8 @@ myChart.setOption(
### stopIcon(string)
+<ExampleUIControlIcon />
+
『播放按钮』的『可停止状态』的图形。
{{ use: partial-icon-image-path }}
@@ -361,6 +776,8 @@ myChart.setOption(
### prevIcon(string)
+<ExampleUIControlIcon />
+
『后退按钮』的图形
{{ use: partial-icon-image-path }}
@@ -368,6 +785,8 @@ myChart.setOption(
### nextIcon(string)
+<ExampleUIControlIcon />
+
『前进按钮』的图形
{{ use: partial-icon-image-path }}
@@ -375,16 +794,22 @@ myChart.setOption(
### color(Color) = '#304654'
+<ExampleUIControlColor default="#304654" />
+
按钮颜色。
### borderColor(Color) = '#304654'
+<ExampleUIControlColor default="#304654" />
+
按钮边框颜色。
### borderWidth(number) = 1
+<ExampleUIControlNumber min="0" step="0.5" default="1" />
+
按钮边框线宽。
@@ -461,6 +886,8 @@ myChart.setOption(
#${prefix} show(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否显示 label。
diff --git a/zh/option/component/toolbox.md b/zh/option/component/toolbox.md
index 07c4289..ea5e92e 100644
--- a/zh/option/component/toolbox.md
+++ b/zh/option/component/toolbox.md
@@ -12,18 +12,41 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
#${prefix} emphasis(Object)
##${prefix} iconStyle(Object)
+
{{ use: partial-item-style(prefix="##" + ${prefix}) }}
+
###${prefix} textPosition(string) = 'bottom'
文本位置，`'left'` / `'right'` / `'top'` / `'bottom'`。
+
###${prefix} textFill(string) = '#000'
+
+<ExampleUIControlColor />
+
文本颜色，如果未设定，则依次取图标 emphasis 时候的填充色、描边色，如果都不存在，则为 `'#000'`。
+
###${prefix} textAlign(string) = 'center'
+
+<ExampleUIControlEnum options="left,center,right" />
+
文本对齐方式，`'left'` / `'center'` / `'right'`。
+
###${prefix} textBackgroundColor(string)
+
+<ExampleUIControlColor />
+
文本区域填充色。
+
###${prefix} textBorderRadius(number)
+
+<ExampleUIControlVector min="0" dims="LT,RT,RB,LB" />
+
+
文本区域圆角大小。
+
###${prefix} textPadding(number)
+
+<ExampleUIControlVector min="0" dims="T,R,B,L" />
+
文本区域内边距。
@@ -51,14 +74,92 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
~[600x400](${galleryViewPath}line-marker&reset=1&edit=1)
+<ExampleBaseOption title="工具栏" title="toolbox">
+option = {
+ toolbox: {
+ show: true,
+ feature: {
+ dataZoom: {
+ yAxisIndex: 'none'
+ },
+ dataView: {readOnly: false},
+ magicType: {type: ['line', 'bar']},
+ restore: {},
+ saveAsImage: {}
+ }
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ formatter: '{value} °C'
+ }
+ },
+ series: [
+ {
+ name: '最高气温',
+ type: 'line',
+ data: [11, 11, 15, 13, 12, 13, 10],
+ markPoint: {
+ data: [
+ {type: 'max', name: 'Max'},
+ {type: 'min', name: 'Min'}
+ ]
+ },
+ markLine: {
+ data: [
+ {type: 'average', name: 'Avg'}
+ ]
+ }
+ },
+ {
+ name: '最低气温',
+ type: 'line',
+ data: [1, -2, 2, 5, 3, 2, 0],
+ markPoint: {
+ data: [
+ {name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}
+ ]
+ },
+ markLine: {
+ data: [
+ {type: 'average', name: 'Avg'},
+ [{
+ symbol: 'none',
+ x: '90%',
+ yAxis: 'max'
+ }, {
+ symbol: 'circle',
+ label: {
+ position: 'start',
+ formatter: 'Max'
+ },
+ type: 'max',
+ name: 'Top'
+ }]
+ ]
+ }
+ }
+ ]
+};
+</ExampleBaseOption>
+
{{use: partial-component-id(prefix="#")}}
## show(boolean) = true
+<ExampleUIControlBoolean />
+
是否显示工具栏组件。
## orient(string) = 'horizontal'
+<ExampleUIControlEnum options="vertical,horizontal" />
+
工具栏 icon 的布局朝向。
可选：
@@ -67,14 +168,20 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
## itemSize(number) = 15
+<ExampleUIControlNumber min="0" default="15" />
+
工具栏 icon 的大小。
## itemGap(number) = 10
+<ExampleUIControlNumber min="0" default="10" />
+
工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。
## showTitle(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否在鼠标 hover 的时候显示每个工具 icon 的标题。
## feature(Object)
@@ -113,18 +220,30 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
保存为图片。
#### type(string) = 'png'
+
+<ExampleUIControlEnum options="png,jpg" />
+
保存的图片格式。
+ 如果 `renderer` 的类型在 [初始化图表](api.html#echarts.init) 时被设为 `'canvas'`（默认），则支持 `'png'`（默认）和 `'jpeg'`；
+ 如果 `renderer` 的类型在 [初始化图表](api.html#echarts.init) 时被设为 `'svg'`，则 `type` 只支持 `'svg'`（`'svg'` 格式的图片从 `v4.8.0` 开始支持）。
#### name(string)
+
+<ExampleUIControlText />
+
保存的文件名称，默认使用 [title.text](~title.text) 作为名称。
#### backgroundColor(Color) = 'auto'
+
+<ExampleUIControlColor />
+
保存的图片背景色，默认使用 [backgroundColor](~backgroundColor)，如果`backgroundColor`不存在的话会取白色。
#### connectedBackgroundColor(Color) = '#fff'
+
+<ExampleUIControlColor />
+
如果图表使用了 [echarts.connect](api.html#echarts.connect) 对多个图表进行联动，则在导出图片时会导出这些联动的图表。该配置项决定了图表与图表之间间隙处的填充色。
#### excludeComponents(Array) = ['toolbox']
@@ -132,6 +251,9 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
{{ use: feature-common(title="保存为图片") }}
#### pixelRatio(number) = 1
+
+<ExampleUIControlNumber min="0.5" max="5" step="0.5" />
+
保存图片的分辨率比例，默认跟容器相同大小，如果需要保存更高分辨率的，可以设置为大于 1 的值，例如 2。
### restore(Object)
@@ -141,7 +263,11 @@ ${name} icon 样式设置。由于 icon 的文本信息只在 icon hover 时候
### dataView(Object)
数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新。
{{ use: feature-common(title="数据视图") }}
+
#### readOnly(boolean) = false
+
+<ExampleUIControlBoolean />
+
是否不可编辑（只读）。
#### optionToContent(Function)
```js
@@ -181,17 +307,41 @@ optionToContent: function(opt) {
#### lang(Array) = ['数据视图', '关闭', '刷新']
数据视图上有三个话术，默认是`['数据视图', '关闭', '刷新']`。
+
#### backgroundColor(string) = '#fff'
+
+<ExampleUIControlColor default="#fff" />
+
数据视图浮层背景色。
+
#### textareaColor(string) = '#fff'
+
+<ExampleUIControlColor default="#fff" />
+
数据视图浮层文本输入区背景色。
+
#### textareaBorderColor(string) = '#333'
+
+<ExampleUIControlColor default="#333" />
+
数据视图浮层文本输入区边框颜色。
+
#### textColor(string) = '#000'
+
+<ExampleUIControlColor default="#000" />
+
文本颜色。
+
#### buttonColor(string) = '#c23531'
+
+<ExampleUIControlColor default="#c23531" />
+
按钮颜色。
+
#### buttonTextColor(string) = '#fff'
+
+<ExampleUIControlColor default="#fff" />
+
按钮文本颜色。
### dataZoom(Object)
@@ -199,6 +349,7 @@ optionToContent: function(opt) {
{{ use: feature-common(title="数据区域缩放") }}
#### filterMode(string) = 'filter'
+
与 [dataZoom.filterMode](~dataZoom.filterMode) 含义和取值相同。
#### xAxisIndex(number|Array|boolean)
@@ -344,3 +495,4 @@ option = {
...
}
```
+
diff --git a/zh/option/component/visual-map-continuous.md b/zh/option/component/visual-map-continuous.md
index 3620d4c..31fc450 100644
--- a/zh/option/component/visual-map-continuous.md
+++ b/zh/option/component/visual-map-continuous.md
@@ -10,9 +10,10 @@
`visualMapContinuous`中，可以通过 [visualMap.calculable](~visualMap.calculable) 来显示或隐藏手柄（手柄能拖拽改变值域）。
-<br>
-<br>
-
+<ExampleBaseOption name="visual-map-heatmap" title="热力图颜色线性映射">
+// 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>
## type(string) = continuous
@@ -22,16 +23,22 @@
## min(number)
+<ExampleUIControlNumber />
+
指定 visualMapContinuous 组件的允许的最小值。`'min'` 必须用户指定。`[visualMap.min, visualMax.max]` 形成了视觉映射的『定义域』。
## max(number)
+<ExampleUIControlNumber />
+
指定 visualMapContinuous 组件的允许的最大值。`'max'` 必须用户指定。`[visualMap.min, visualMax.max]` 形成了视觉映射的『定义域』。
## range(Array)
+<ExampleUIControVector dims="min,max" />
+
指定手柄对应数值的位置。`range` 应在 `min` `max` 范围内。例如：
```javascript
@@ -77,6 +84,8 @@ chart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。
## calculable(boolean) = false
+<ExampleUIControlBoolean />
+
是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。
（注：为兼容 ECharts2，当 [visualMap.type](~visualMap.type) 未指定时，假如设置了 `'calculable'`，则`type`自动被设置为`'continuous'`，无视 [visualMap-piecewise.splitNumber](~visualMap-piecewise.splitNumber) 等设置。所以，建议使用者不要不指定 [visualMap.type](~visualMap.type)，否则表意不清晰。）
@@ -84,6 +93,8 @@ chart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。
## realtime(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
拖拽时，是否实时更新。
+ 如果为`ture`则拖拽手柄过程中实时更新图表视图。
@@ -93,6 +104,8 @@ chart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。
## inverse(boolean) = false
+<ExampleUIControlBoolean />
+
是否反转 visualMap 组件。
当`inverse`为`false`时，数据大小的位置规则，和直角坐标系相同，即：
@@ -105,21 +118,29 @@ chart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。
## precision(number) = 0
+<ExampleUIControlNumber min="0" step="1" />
+
数据展示的小数精度，默认为0，无小数点。
## itemWidth(number) = 20
+<ExampleUIControlNumber default="20" min="0" />
+
图形的宽度，即长条的宽度。
## itemHeight(number) = 140
+<ExampleUIControlNumber default="140" min="0" />
+
图形的高度，即长条的高度。
## align(string) = 'auto'
+<ExampleUIControlEnum options="auto,left,right,top,bottom" />
+
指定组件中手柄和文字的摆放位置，可选值为：
+ `'auto'` 自动决定。
@@ -138,6 +159,8 @@ chart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。
## textGap(number) = 10
+<ExampleUIControlNumber default="10" step="0.5" />
+
两端文字主体之间的距离，单位为px。参见 [visualMap-continuous.text](~visualMap-continuous.text)
diff --git a/zh/option/component/visual-map-piecewise.md b/zh/option/component/visual-map-piecewise.md
index 743f58f..9e2ccb5 100644
--- a/zh/option/component/visual-map-piecewise.md
+++ b/zh/option/component/visual-map-piecewise.md
@@ -21,6 +21,11 @@
<br>
<br>
+<ExampleBaseOption name="visual-map-heatmap" title="热力图颜色分段映射">
+// 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>
+
## type(string) = piecewise
类型为分段型。
@@ -29,6 +34,8 @@
## splitNumber(number) = 5
+<ExampleUIControlNumber default="5" min="1" step="1" />
+
对于连续型数据，自动平均切分成几段。默认为5段。
连续数据的范围需要 [max](~visualMap-piecewise.max) 和 [min](~visualMap-piecewise.min) 来指定。
@@ -96,6 +103,8 @@ categories: ['严重污染', '重度污染', '中度污染', '轻度污染', '
## min(number)
+<ExampleUIControlNumber />
+
指定 visualMapPiecewise 组件的最小值。
在 **连续型数据自定义分段** 模式（即 [visualMap-piecewise.pieces](~visualMap-piecewise.pieces) 被使用）或 **离散数据根据类别分段** 模式（即 [visualMap-piecewise.categories](~visualMap-piecewise.categories) 被使用）时，`max` 和 `min` 不需指定。
@@ -105,6 +114,8 @@ series.data 的 `dataMin` 和 `dataMax`）。
## max(number)
+<ExampleUIControlNumber />
+
指定 visualMapPiecewise 组件的最大值。参见 [visualMap-piecewise.splitNumber](~visualMap-piecewise.splitNumber)
**连续型数据自定义分段** 模式（即 [visualMap-piecewise.pieces](~visualMap-piecewise.pieces) 被使用）或 **离散数据根据类别分段** 模式（即 [visualMap-piecewise.categories](~visualMap-piecewise.categories) 被使用），`max` 和 `min` 不需指定。
@@ -114,14 +125,20 @@ series.data 的 `dataMin` 和 `dataMax`）。
## minOpen(boolean)
+<ExampleUIControlBoolean />
+
当 `type` 为 `piecewise` 且使用 `min`/`max`/`splitNumber` 时，此参数有效。当值为 `true` 时，界面上会额外多出一个『< min』的选块。
## maxOpen(boolean)
+<ExampleUIControlBoolean />
+
当 `type` 为 `piecewise` 且使用 `min`/`max`/`splitNumber` 时，此参数有效。当值为 `true` 时，界面上会额外多出一个『> max』的选块。
## selectedMode(string) = 'multiple'
+<ExampleUIControlEnum options="single,multiple" />
+
选择模式，可以是：
+ `'multiple'`（多选）。
@@ -130,6 +147,8 @@ series.data 的 `dataMin` 和 `dataMax`）。
## inverse(boolean) = false
+<ExampleUIControlBoolean />
+
是否反转。
+ **连续型数据平均分段** 模式（即 (that is, when [visualMap-piecewise.splitNumber](~visualMap-piecewise.splitNumber) 被使用时），数据排布规则，同 [visualMap-continuous.inverse](~visualMap-continuous.inverse)。
@@ -149,6 +168,8 @@ series.data 的 `dataMin` 和 `dataMax`）。
## precision(number) = null
+<ExampleUIControlNumber min="0" step="1" />
+
数据展示的小数精度。
+ **连续型数据平均分段** 模式（即 (that is, when [visualMap-piecewise.splitNumber](~visualMap-piecewise.splitNumber) 被使用时），精度根据数据自动适应。
@@ -158,16 +179,22 @@ series.data 的 `dataMin` 和 `dataMax`）。
## itemWidth(number) = 20
+<ExampleUIControlNumber default="20" min="0" />
+
图形的宽度，即每个小块的宽度。
## itemHeight(number) = 14
+<ExampleUIControlNumber default="14" min="0" />
+
图形的高度，即每个小块的高度。
## align(string) = 'auto'
+<ExampleUIControlEnum options="auto,left,right" />
+
指定组件中图形（比如小方块）和文字的摆放关系，可选值为：
+ `'auto'` 自动决定。
@@ -185,14 +212,20 @@ series.data 的 `dataMin` 和 `dataMax`）。
## textGap(number) = 10
+<ExampleUIControlNumber default="10" />
+
两端文字主体之间的距离，单位为px。参见 [visualMap-piecewise.text](~visualMap-piecewise.text)
## showLabel(boolean)
+<ExampleUIControlBoolean />
+
是否显示每项的文本标签。默认情况是，如果 [visualMap-piecewise.text](~visualMap-piecewise.text) 被使用则不显示文本标签，否则显示。
## itemGap(number) = 10
+<ExampleUIControlNumber default="10" />
+
每两个图元之间的间隔距离，单位为px。
diff --git a/zh/option/component/visual-map.md b/zh/option/component/visual-map.md
index b6b4f56..3c7c7ca 100644
--- a/zh/option/component/visual-map.md
+++ b/zh/option/component/visual-map.md
@@ -56,11 +56,6 @@ series: {
`visualMap` 是由 ECharts2 中的 `dataRange` 组件改名以及扩展而来。ECharts3里 `option` 中的 `dataRange` 配置项仍然被兼容，会自动转换成 `visualMap` 配置项。在option中推荐写 `visualMap` 而非 `dataRange`。
-<br>
-**✦ 以下是visualMap各组件的详细介绍 ✦**
-
-<br>
-<br>
{{import: component-visual-map-continuous}}
diff --git a/zh/option/partial/axisPointer-common.md b/zh/option/partial/axisPointer-common.md
index 3b95319..d0f38f5 100644
--- a/zh/option/partial/axisPointer-common.md
+++ b/zh/option/partial/axisPointer-common.md
@@ -81,10 +81,14 @@ axisPointer 的 label 默认不显示（也就是默认只显示指示线），
#${prefix} show(boolean) = false
+<ExampleUIControlBoolean />
+
默认不显示。但是如果 [tooltip.trigger](~tooltip.trigger) 设置为 `'axis'` 或者 [tooltip.axisPointer.type](~tooltip.axisPointer.type) 设置为 `'cross'`，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 [tooltip.axisPointer.axis](~tooltip.axisPointer.axis) 改变这种选择。
#${prefix} type(string) = 'line'
+<ExampleUIControlEnum options="line,shadow,none" />
+
指示器类型。
可选
@@ -103,6 +107,8 @@ axisPointer 的 label 默认不显示（也就是默认只显示指示线），
#${prefix} triggerTooltip(boolean) = true
+<ExampleUIControlBoolean default="true" />
+
是否触发 tooltip。如果不想触发 tooltip 可以关掉。
#${prefix} value(number) = null
@@ -111,6 +117,8 @@ axisPointer 的 label 默认不显示（也就是默认只显示指示线），
#${prefix} status(boolean)
+<ExampleUIControlEnum options="show,hide" />
+
当前的状态，可取值为 `'show'` 和 `'hide'`。
#${prefix} handle(Object)
@@ -119,10 +127,14 @@ axisPointer 的 label 默认不显示（也就是默认只显示指示线），
##${prefix} show(boolean) = false
+<ExampleUIControlBoolean />
+
当 show 设为 `true` 时开启，这时显示手柄，并且 axisPointer 会一直显示。
##${prefix} icon
+<ExampleUIControlIcon clean="true" />
+
手柄的图标。
{{ use: partial-icon-image-path }}
@@ -131,18 +143,26 @@ axisPointer 的 label 默认不显示（也就是默认只显示指示线），
##${prefix} size(number|Array) = 45
+<ExampleUIControlVector default="45,45" min="0" step="0.5" dims="width,height" />
+
手柄的尺寸，可以设置单值，如 `45`，也可以设置为数组：`[width, height]`。
##${prefix} margin(number) = 50
+<ExampleUIControlNumber default="50" min="0" step="0.5" />
+
手柄与轴的距离。注意，这是手柄中心点和轴的距离。
##${prefix} color(string) = '#333'
+<ExampleUIControlColor />
+
手柄颜色。
##${prefix} throttle(number) = 40
+<ExampleUIControlNumber default="40" min="0" step="10" />
+
手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。
{{ use:partial-style-shadow(
diff --git a/zh/option/partial/symbol.md b/zh/option/partial/symbol.md
index 044bdab..eaad1e8 100644
--- a/zh/option/partial/symbol.md
+++ b/zh/option/partial/symbol.md
@@ -48,7 +48,7 @@ ${name}标记的旋转角度（而非弧度）。正值表示逆时针旋转。
#${prefix} symbolKeepAspect(boolean) = false
-<ExampleUIControlBoolean />
+<ExampleUIControlBoolean clean="true" />
如果 `symbol` 是 `path://` 的形式，是否在缩放时保持该图形的长宽比。
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org