markdown 由简入繁,上手跟我做(二十八)echarts 图表 - 主题河流图
语法
```echarts
json代码
```
可用 echarts 源代码,标准 json 代码
不能嵌入 js 代码
示例 1
效果
{
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"singleAxis": {
"max": "dataMax"
},
"series": [
{
"type": "themeRiver",
"data": [
[
0,
0,
"The Sea and Cake"
],
[
1,
0,
"The Sea and Cake"
],
[
2,
0,
"The Sea and Cake"
],
[
3,
0,
"The Sea and Cake"
],
[
4,
0,
"The Sea and Cake"
],
[
5,
0,
"The Sea and Cake"
],
[
6,
0,
"The Sea and Cake"
],
[
7,
0,
"The Sea and Cake"
],
[
8,
0,
"The Sea and Cake"
],
[
9,
0,
"The Sea and Cake"
],
[
10,
0,
"The Sea and Cake"
],
[
11,
0,
"The Sea and Cake"
],
[
12,
0,
"The Sea and Cake"
],
[
13,
0,
"The Sea and Cake"
],
[
14,
0,
"The Sea and Cake"
],
[
15,
0,
"The Sea and Cake"
],
[
16,
0,
"The Sea and Cake"
],
[
17,
0,
"The Sea and Cake"
],
[
18,
0,
"The Sea and Cake"
],
[
19,
0,
"The Sea and Cake"
],
[
0,
0,
"Andrew Bird"
],
[
1,
49,
"Andrew Bird"
],
[
2,
67,
"Andrew Bird"
],
[
3,
16,
"Andrew Bird"
],
[
4,
0,
"Andrew Bird"
],
[
5,
19,
"Andrew Bird"
],
[
6,
19,
"Andrew Bird"
],
[
7,
0,
"Andrew Bird"
],
[
8,
0,
"Andrew Bird"
],
[
9,
1,
"Andrew Bird"
],
[
10,
10,
"Andrew Bird"
],
[
11,
5,
"Andrew Bird"
],
[
12,
6,
"Andrew Bird"
],
[
13,
1,
"Andrew Bird"
],
[
14,
1,
"Andrew Bird"
],
[
15,
0,
"Andrew Bird"
],
[
16,
25,
"Andrew Bird"
],
[
17,
0,
"Andrew Bird"
],
[
18,
0,
"Andrew Bird"
],
[
19,
0,
"Andrew Bird"
],
[
0,
0,
"Laura Veirs"
],
[
1,
6,
"Laura Veirs"
],
[
2,
3,
"Laura Veirs"
],
[
3,
34,
"Laura Veirs"
],
[
4,
0,
"Laura Veirs"
],
[
5,
16,
"Laura Veirs"
],
[
6,
1,
"Laura Veirs"
],
[
7,
0,
"Laura Veirs"
],
[
8,
0,
"Laura Veirs"
],
[
9,
1,
"Laura Veirs"
],
[
10,
6,
"Laura Veirs"
],
[
11,
0,
"Laura Veirs"
],
[
12,
1,
"Laura Veirs"
],
[
13,
56,
"Laura Veirs"
],
[
14,
0,
"Laura Veirs"
],
[
15,
2,
"Laura Veirs"
],
[
16,
0,
"Laura Veirs"
],
[
17,
2,
"Laura Veirs"
],
[
18,
0,
"Laura Veirs"
],
[
19,
0,
"Laura Veirs"
],
[
0,
0,
"Brian Eno"
],
[
1,
8,
"Brian Eno"
],
[
2,
13,
"Brian Eno"
],
[
3,
15,
"Brian Eno"
],
[
4,
0,
"Brian Eno"
],
[
5,
12,
"Brian Eno"
],
[
6,
23,
"Brian Eno"
],
[
7,
0,
"Brian Eno"
],
[
8,
0,
"Brian Eno"
],
[
9,
1,
"Brian Eno"
],
[
10,
0,
"Brian Eno"
],
[
11,
1,
"Brian Eno"
],
[
12,
0,
"Brian Eno"
],
[
13,
0,
"Brian Eno"
],
[
14,
6,
"Brian Eno"
],
[
15,
0,
"Brian Eno"
],
[
16,
0,
"Brian Eno"
],
[
17,
1,
"Brian Eno"
],
[
18,
0,
"Brian Eno"
],
[
19,
1,
"Brian Eno"
],
[
0,
0,
"Christopher Willits"
],
[
1,
9,
"Christopher Willits"
],
[
2,
28,
"Christopher Willits"
],
[
3,
0,
"Christopher Willits"
],
[
4,
91,
"Christopher Willits"
],
[
5,
6,
"Christopher Willits"
],
[
6,
1,
"Christopher Willits"
],
[
7,
0,
"Christopher Willits"
],
[
8,
0,
"Christopher Willits"
],
[
9,
0,
"Christopher Willits"
],
[
10,
7,
"Christopher Willits"
],
[
11,
18,
"Christopher Willits"
],
[
12,
0,
"Christopher Willits"
],
[
13,
9,
"Christopher Willits"
],
[
14,
16,
"Christopher Willits"
],
[
15,
0,
"Christopher Willits"
],
[
16,
1,
"Christopher Willits"
],
[
17,
0,
"Christopher Willits"
],
[
18,
0,
"Christopher Willits"
],
[
19,
0,
"Christopher Willits"
]
],
"label": {
"normal": {
"show": false
}
}
}
]
}
json
{
"toolbox": {
"show": true,
"feature": {
"mark": {
"show": true
},
"dataView": {
"show": true,
"readOnly": false
},
"restore": {
"show": true
},
"saveAsImage": {
"show": true
}
}
},
"singleAxis": {
"max": "dataMax"
},
"series": [
{
"type": "themeRiver",
"data": [
[
0,
0,
"The Sea and Cake"
],
[
1,
0,
"The Sea and Cake"
],
[
2,
0,
"The Sea and Cake"
],
[
3,
0,
"The Sea and Cake"
],
[
4,
0,
"The Sea and Cake"
],
[
5,
0,
"The Sea and Cake"
],
[
6,
0,
"The Sea and Cake"
],
[
7,
0,
"The Sea and Cake"
],
[
8,
0,
"The Sea and Cake"
],
[
9,
0,
"The Sea and Cake"
],
[
10,
0,
"The Sea and Cake"
],
[
11,
0,
"The Sea and Cake"
],
[
12,
0,
"The Sea and Cake"
],
[
13,
0,
"The Sea and Cake"
],
[
14,
0,
"The Sea and Cake"
],
[
15,
0,
"The Sea and Cake"
],
[
16,
0,
"The Sea and Cake"
],
[
17,
0,
"The Sea and Cake"
],
[
18,
0,
"The Sea and Cake"
],
[
19,
0,
"The Sea and Cake"
],
[
0,
0,
"Andrew Bird"
],
[
1,
49,
"Andrew Bird"
],
[
2,
67,
"Andrew Bird"
],
[
3,
16,
"Andrew Bird"
],
[
4,
0,
"Andrew Bird"
],
[
5,
19,
"Andrew Bird"
],
[
6,
19,
"Andrew Bird"
],
[
7,
0,
"Andrew Bird"
],
[
8,
0,
"Andrew Bird"
],
[
9,
1,
"Andrew Bird"
],
[
10,
10,
"Andrew Bird"
],
[
11,
5,
"Andrew Bird"
],
[
12,
6,
"Andrew Bird"
],
[
13,
1,
"Andrew Bird"
],
[
14,
1,
"Andrew Bird"
],
[
15,
0,
"Andrew Bird"
],
[
16,
25,
"Andrew Bird"
],
[
17,
0,
"Andrew Bird"
],
[
18,
0,
"Andrew Bird"
],
[
19,
0,
"Andrew Bird"
],
[
0,
0,
"Laura Veirs"
],
[
1,
6,
"Laura Veirs"
],
[
2,
3,
"Laura Veirs"
],
[
3,
34,
"Laura Veirs"
],
[
4,
0,
"Laura Veirs"
],
[
5,
16,
"Laura Veirs"
],
[
6,
1,
"Laura Veirs"
],
[
7,
0,
"Laura Veirs"
],
[
8,
0,
"Laura Veirs"
],
[
9,
1,
"Laura Veirs"
],
[
10,
6,
"Laura Veirs"
],
[
11,
0,
"Laura Veirs"
],
[
12,
1,
"Laura Veirs"
],
[
13,
56,
"Laura Veirs"
],
[
14,
0,
"Laura Veirs"
],
[
15,
2,
"Laura Veirs"
],
[
16,
0,
"Laura Veirs"
],
[
17,
2,
"Laura Veirs"
],
[
18,
0,
"Laura Veirs"
],
[
19,
0,
"Laura Veirs"
],
[
0,
0,
"Brian Eno"
],
[
1,
8,
"Brian Eno"
],
[
2,
13,
"Brian Eno"
],
[
3,
15,
"Brian Eno"
],
[
4,
0,
"Brian Eno"
],
[
5,
12,
"Brian Eno"
],
[
6,
23,
"Brian Eno"
],
[
7,
0,
"Brian Eno"
],
[
8,
0,
"Brian Eno"
],
[
9,
1,
"Brian Eno"
],
[
10,
0,
"Brian Eno"
],
[
11,
1,
"Brian Eno"
],
[
12,
0,
"Brian Eno"
],
[
13,
0,
"Brian Eno"
],
[
14,
6,
"Brian Eno"
],
[
15,
0,
"Brian Eno"
],
[
16,
0,
"Brian Eno"
],
[
17,
1,
"Brian Eno"
],
[
18,
0,
"Brian Eno"
],
[
19,
1,
"Brian Eno"
],
[
0,
0,
"Christopher Willits"
],
[
1,
9,
"Christopher Willits"
],
[
2,
28,
"Christopher Willits"
],
[
3,
0,
"Christopher Willits"
],
[
4,
91,
"Christopher Willits"
],
[
5,
6,
"Christopher Willits"
],
[
6,
1,
"Christopher Willits"
],
[
7,
0,
"Christopher Willits"
],
[
8,
0,
"Christopher Willits"
],
[
9,
0,
"Christopher Willits"
],
[
10,
7,
"Christopher Willits"
],
[
11,
18,
"Christopher Willits"
],
[
12,
0,
"Christopher Willits"
],
[
13,
9,
"Christopher Willits"
],
[
14,
16,
"Christopher Willits"
],
[
15,
0,
"Christopher Willits"
],
[
16,
1,
"Christopher Willits"
],
[
17,
0,
"Christopher Willits"
],
[
18,
0,
"Christopher Willits"
],
[
19,
0,
"Christopher Willits"
]
],
"label": {
"normal": {
"show": false
}
}
}
]
}
上一篇 markdown 由简入繁,上手跟我做(二十七)echarts 图表 - 象形柱图
markdown 教程(目录)
下一篇 markdown 由简入繁,上手跟我做(二十九)echarts 图表 - 日历坐标系