1 Star 1 Fork 8

yangliuqingqing/ant-learn-visualization

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
heatmap_base.html 22.28 KB
一键复制 编辑 原始数据 按行查看 历史
cztps2 提交于 2021-04-20 22:44 . init
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Awesome-pyecharts</title>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
</head>
<body>
<div id="a46e527db6a04323b833943b48dc88ea" class="chart-container" style="width:900px; height:500px;"></div>
<script>
var chart_a46e527db6a04323b833943b48dc88ea = echarts.init(
document.getElementById('a46e527db6a04323b833943b48dc88ea'), 'white', {renderer: 'canvas'});
var option_a46e527db6a04323b833943b48dc88ea = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "heatmap",
"name": "series0",
"data": [
[
0,
0,
16
],
[
0,
1,
10
],
[
0,
2,
6
],
[
0,
3,
13
],
[
0,
4,
0
],
[
0,
5,
13
],
[
0,
6,
8
],
[
1,
0,
16
],
[
1,
1,
7
],
[
1,
2,
17
],
[
1,
3,
2
],
[
1,
4,
27
],
[
1,
5,
30
],
[
1,
6,
25
],
[
2,
0,
44
],
[
2,
1,
42
],
[
2,
2,
20
],
[
2,
3,
17
],
[
2,
4,
22
],
[
2,
5,
45
],
[
2,
6,
11
],
[
3,
0,
26
],
[
3,
1,
1
],
[
3,
2,
29
],
[
3,
3,
35
],
[
3,
4,
29
],
[
3,
5,
31
],
[
3,
6,
44
],
[
4,
0,
24
],
[
4,
1,
12
],
[
4,
2,
48
],
[
4,
3,
29
],
[
4,
4,
44
],
[
4,
5,
42
],
[
4,
6,
9
],
[
5,
0,
8
],
[
5,
1,
23
],
[
5,
2,
13
],
[
5,
3,
45
],
[
5,
4,
33
],
[
5,
5,
31
],
[
5,
6,
33
],
[
6,
0,
39
],
[
6,
1,
32
],
[
6,
2,
35
],
[
6,
3,
27
],
[
6,
4,
20
],
[
6,
5,
0
],
[
6,
6,
6
],
[
7,
0,
28
],
[
7,
1,
18
],
[
7,
2,
23
],
[
7,
3,
5
],
[
7,
4,
2
],
[
7,
5,
24
],
[
7,
6,
15
],
[
8,
0,
14
],
[
8,
1,
24
],
[
8,
2,
35
],
[
8,
3,
19
],
[
8,
4,
38
],
[
8,
5,
21
],
[
8,
6,
30
],
[
9,
0,
10
],
[
9,
1,
4
],
[
9,
2,
15
],
[
9,
3,
13
],
[
9,
4,
46
],
[
9,
5,
40
],
[
9,
6,
15
],
[
10,
0,
18
],
[
10,
1,
43
],
[
10,
2,
3
],
[
10,
3,
35
],
[
10,
4,
29
],
[
10,
5,
30
],
[
10,
6,
43
],
[
11,
0,
50
],
[
11,
1,
30
],
[
11,
2,
26
],
[
11,
3,
45
],
[
11,
4,
47
],
[
11,
5,
41
],
[
11,
6,
18
],
[
12,
0,
49
],
[
12,
1,
38
],
[
12,
2,
49
],
[
12,
3,
10
],
[
12,
4,
32
],
[
12,
5,
43
],
[
12,
6,
50
],
[
13,
0,
2
],
[
13,
1,
37
],
[
13,
2,
20
],
[
13,
3,
25
],
[
13,
4,
13
],
[
13,
5,
16
],
[
13,
6,
35
],
[
14,
0,
24
],
[
14,
1,
20
],
[
14,
2,
32
],
[
14,
3,
18
],
[
14,
4,
38
],
[
14,
5,
10
],
[
14,
6,
0
],
[
15,
0,
49
],
[
15,
1,
29
],
[
15,
2,
47
],
[
15,
3,
41
],
[
15,
4,
3
],
[
15,
5,
28
],
[
15,
6,
36
],
[
16,
0,
2
],
[
16,
1,
13
],
[
16,
2,
16
],
[
16,
3,
15
],
[
16,
4,
22
],
[
16,
5,
18
],
[
16,
6,
46
],
[
17,
0,
18
],
[
17,
1,
49
],
[
17,
2,
26
],
[
17,
3,
30
],
[
17,
4,
25
],
[
17,
5,
13
],
[
17,
6,
14
],
[
18,
0,
32
],
[
18,
1,
22
],
[
18,
2,
14
],
[
18,
3,
20
],
[
18,
4,
15
],
[
18,
5,
21
],
[
18,
6,
46
],
[
19,
0,
29
],
[
19,
1,
36
],
[
19,
2,
17
],
[
19,
3,
36
],
[
19,
4,
30
],
[
19,
5,
36
],
[
19,
6,
8
],
[
20,
0,
37
],
[
20,
1,
41
],
[
20,
2,
29
],
[
20,
3,
21
],
[
20,
4,
28
],
[
20,
5,
42
],
[
20,
6,
10
],
[
21,
0,
22
],
[
21,
1,
1
],
[
21,
2,
30
],
[
21,
3,
48
],
[
21,
4,
33
],
[
21,
5,
15
],
[
21,
6,
44
],
[
22,
0,
4
],
[
22,
1,
46
],
[
22,
2,
27
],
[
22,
3,
13
],
[
22,
4,
45
],
[
22,
5,
38
],
[
22,
6,
46
],
[
23,
0,
10
],
[
23,
1,
34
],
[
23,
2,
50
],
[
23,
3,
22
],
[
23,
4,
36
],
[
23,
5,
35
],
[
23,
6,
29
]
],
"label": {
"show": true,
"position": "top",
"margin": 8
}
}
],
"legend": [
{
"data": [
"series0"
],
"selected": {
"series0": true
},
"show": true,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"textStyle": {
"fontSize": 14
},
"borderWidth": 0
},
"xAxis": [
{
"show": true,
"scale": false,
"nameLocation": "end",
"nameGap": 15,
"gridIndex": 0,
"inverse": false,
"offset": 0,
"splitNumber": 5,
"minInterval": 0,
"splitLine": {
"show": false,
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
}
},
"data": [
"12a",
"1a",
"2a",
"3a",
"4a",
"5a",
"6a",
"7a",
"8a",
"9a",
"10a",
"11a",
"12p",
"1p",
"2p",
"3p",
"4p",
"5p",
"6p",
"7p",
"8p",
"9p",
"10p",
"11p"
]
}
],
"yAxis": [
{
"show": true,
"scale": false,
"nameLocation": "end",
"nameGap": 15,
"gridIndex": 0,
"inverse": false,
"offset": 0,
"splitNumber": 5,
"minInterval": 0,
"splitLine": {
"show": false,
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
}
},
"data": [
"\u5468\u4e00",
"\u5468\u4e8c",
"\u5468\u4e09",
"\u5468\u56db",
"\u5468\u4e94",
"\u5468\u516d",
"\u5468\u65e5"
]
}
],
"title": [
{
"text": "HeatMap-\u57fa\u672c\u793a\u4f8b",
"padding": 5,
"itemGap": 10
}
],
"visualMap": {
"show": true,
"type": "continuous",
"min": 0,
"max": 100,
"inRange": {
"color": [
"#50a3ba",
"#eac763",
"#d94e5d"
]
},
"calculable": true,
"inverse": false,
"splitNumber": 5,
"orient": "vertical",
"showLabel": true,
"itemWidth": 20,
"itemHeight": 140,
"borderWidth": 0
}
};
chart_a46e527db6a04323b833943b48dc88ea.setOption(option_a46e527db6a04323b833943b48dc88ea);
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/yangliuqingqing/ant-learn-visualization.git
git@gitee.com:yangliuqingqing/ant-learn-visualization.git
yangliuqingqing
ant-learn-visualization
ant-learn-visualization
master

搜索帮助