-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcharts.example.html
55 lines (41 loc) · 8.23 KB
/
charts.example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Awesome go-echarts</title>
<script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
</head>
<body>
<style> .container {display: flex;justify-content: center;align-items: center;} .item {margin: auto;} </style>
<div class="container">
<div class="item" id="zufDuRdAUCAT" style="width:1200px;height:600px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_zufDuRdAUCAT = echarts.init(document.getElementById('zufDuRdAUCAT'), "white");
let option_zufDuRdAUCAT = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":false,"type":""},"series":[{"name":"heatmap","type":"heatmap","showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":[8,"Sunday",0]},{"value":[9,"Sunday",3]},{"value":[10,"Sunday",3]},{"value":[11,"Sunday",1]},{"value":[12,"Sunday",0]},{"value":[13,"Sunday",0]},{"value":[14,"Sunday",0]},{"value":[15,"Sunday",0]},{"value":[16,"Sunday",0]},{"value":[17,"Sunday",0]},{"value":[18,"Sunday",0]},{"value":[19,"Sunday",0]},{"value":[20,"Sunday",0]},{"value":[21,"Sunday",0]},{"value":[8,"Monday",4]},{"value":[9,"Monday",6]},{"value":[10,"Monday",6]},{"value":[11,"Monday",2]},{"value":[12,"Monday",1]},{"value":[13,"Monday",1]},{"value":[14,"Monday",0]},{"value":[15,"Monday",0]},{"value":[16,"Monday",0]},{"value":[17,"Monday",0]},{"value":[18,"Monday",0]},{"value":[19,"Monday",0]},{"value":[20,"Monday",0]},{"value":[21,"Monday",0]},{"value":[8,"Tuesday",0]},{"value":[9,"Tuesday",13]},{"value":[10,"Tuesday",13]},{"value":[11,"Tuesday",1]},{"value":[12,"Tuesday",1]},{"value":[13,"Tuesday",1]},{"value":[14,"Tuesday",0]},{"value":[15,"Tuesday",1]},{"value":[16,"Tuesday",1]},{"value":[17,"Tuesday",0]},{"value":[18,"Tuesday",1]},{"value":[19,"Tuesday",1]},{"value":[20,"Tuesday",1]},{"value":[21,"Tuesday",0]},{"value":[8,"Wednesday",5]},{"value":[9,"Wednesday",6]},{"value":[10,"Wednesday",6]},{"value":[11,"Wednesday",5]},{"value":[12,"Wednesday",1]},{"value":[13,"Wednesday",1]},{"value":[14,"Wednesday",0]},{"value":[15,"Wednesday",3]},{"value":[16,"Wednesday",3]},{"value":[17,"Wednesday",0]},{"value":[18,"Wednesday",1]},{"value":[19,"Wednesday",1]},{"value":[20,"Wednesday",0]},{"value":[21,"Wednesday",0]},{"value":[8,"Thursday",2]},{"value":[9,"Thursday",11]},{"value":[10,"Thursday",11]},{"value":[11,"Thursday",1]},{"value":[12,"Thursday",0]},{"value":[13,"Thursday",0]},{"value":[14,"Thursday",0]},{"value":[15,"Thursday",0]},{"value":[16,"Thursday",0]},{"value":[17,"Thursday",1]},{"value":[18,"Thursday",3]},{"value":[19,"Thursday",3]},{"value":[20,"Thursday",0]},{"value":[21,"Thursday",0]},{"value":[8,"Friday",3]},{"value":[9,"Friday",8]},{"value":[10,"Friday",8]},{"value":[11,"Friday",5]},{"value":[12,"Friday",1]},{"value":[13,"Friday",1]},{"value":[14,"Friday",0]},{"value":[15,"Friday",2]},{"value":[16,"Friday",2]},{"value":[17,"Friday",1]},{"value":[18,"Friday",1]},{"value":[19,"Friday",1]},{"value":[20,"Friday",0]},{"value":[21,"Friday",0]},{"value":[8,"Saturday",0]},{"value":[9,"Saturday",4]},{"value":[10,"Saturday",4]},{"value":[11,"Saturday",0]},{"value":[12,"Saturday",0]},{"value":[13,"Saturday",0]},{"value":[14,"Saturday",0]},{"value":[15,"Saturday",8]},{"value":[16,"Saturday",8]},{"value":[17,"Saturday",5]},{"value":[18,"Saturday",5]},{"value":[19,"Saturday",0]},{"value":[20,"Saturday",0]},{"value":[21,"Saturday",0]}]}],"title":{"text":"Heatmap of bookings"},"tooltip":{"show":false},"visualMap":[{"calculable":true,"max":13,"inRange":{"color":["#50a3ba","#eac736","#d94e5d"]}}],"xAxis":[{"type":"category","splitArea":{"show":true}}],"yAxis":[{"type":"category","data":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"splitArea":{"show":true}}]}
;
goecharts_zufDuRdAUCAT.setOption(option_zufDuRdAUCAT);
</script>
<div class="container">
<div class="item" id="NfKbyCtTIHSQ" style="width:1200px;height:600px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_NfKbyCtTIHSQ = echarts.init(document.getElementById('NfKbyCtTIHSQ'), "white");
let option_NfKbyCtTIHSQ = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":false,"type":""},"series":[{"name":"bookings","type":"bar","showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"name":"Sun","value":4},{"name":"Mon","value":13},{"name":"Tue","value":18},{"name":"Wed","value":21},{"name":"Thu","value":18},{"name":"Fri","value":21},{"name":"Sat","value":17}],"label":{"show":true,"position":"top"}}],"title":{"text":"Number of bookings per week day"},"tooltip":{"show":false},"xAxis":[{"data":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}],"yAxis":[{}]}
;
goecharts_NfKbyCtTIHSQ.setOption(option_NfKbyCtTIHSQ);
</script>
<div class="container">
<div class="item" id="YmlclFMvUrPP" style="width:1200px;height:600px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_YmlclFMvUrPP = echarts.init(document.getElementById('YmlclFMvUrPP'), "white");
let option_YmlclFMvUrPP = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"dataZoom":[{"type":"slider","end":100}],"legend":{"show":false,"type":""},"series":[{"name":"bookings","type":"line","smooth":true,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"name":"2021-25","value":1,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-26","value":3,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-27","value":4,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-28","value":4,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-29","value":4,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-30","value":3,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-31","value":6,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-32","value":6,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-33","value":6,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-34","value":6,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-35","value":6,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-36","value":6,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-37","value":5,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-38","value":4,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-39","value":5,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-40","value":5,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-41","value":5,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-42","value":2,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-43","value":4,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-44","value":3,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-45","value":2,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-46","value":2,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-47","value":4,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-48","value":3,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-49","value":1,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-50","value":0,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-51","value":0,"XAxisIndex":0,"YAxisIndex":0},{"name":"2021-52","value":1,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-1","value":0,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-2","value":0,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-3","value":1,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-4","value":3,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-5","value":0,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-6","value":3,"XAxisIndex":0,"YAxisIndex":0},{"name":"2022-7","value":4,"XAxisIndex":0,"YAxisIndex":0}],"label":{"show":true},"markLine":{"data":[{"name":"Avg","type":"average"}]},"areaStyle":{"opacity":0.2}}],"title":{"text":"Number of bookings per week"},"tooltip":{"show":false},"xAxis":[{"name":"Number of bookings","data":["2021-25","2021-26","2021-27","2021-28","2021-29","2021-30","2021-31","2021-32","2021-33","2021-34","2021-35","2021-36","2021-37","2021-38","2021-39","2021-40","2021-41","2021-42","2021-43","2021-44","2021-45","2021-46","2021-47","2021-48","2021-49","2021-50","2021-51","2021-52","2022-1","2022-2","2022-3","2022-4","2022-5","2022-6","2022-7"]}],"yAxis":[{"name":"Week number"}]}
;
goecharts_YmlclFMvUrPP.setOption(option_YmlclFMvUrPP);
</script>
</body>
</html>