-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathline.html
77 lines (67 loc) · 9.52 KB
/
line.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!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>
<script src="https://go-echarts.github.io/go-echarts-assets/assets/themes/dark.js"></script>
</head>
<body>
<div class="container">
<div class="item" id="CvjbOHWVTFJd"
style="width:800px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
var myChart_CvjbOHWVTFJd = echarts.init(document.getElementById('CvjbOHWVTFJd'), "dark");
var option_CvjbOHWVTFJd = {
title: {"text":"Git Commit Graph"},
tooltip: {"show":true,"trigger":"axis","triggerOn":"click","formatter":"Date: {b}\u003cbr/\u003eValue: {c}"},
legend: {"show":true},
toolbox: {"show":true,"orient":"vertical","left":"1%","top":"5%","feature":{"saveAsImage":{"show":true,"png":"png","name":"team_graphs","title":"Save"},"dataView":{"show":true,"title":"View Data","lang":["Data View","Exit"],"backgroundColor":""}}},
xAxis: [{"data":["Week 1","Week 2","Week 3","Week 4","Week 5","Week 6","Week 7","Week 8","Week 9","Week 10","Week 11","Week 12"]}],
yAxis: [{}],
series: [
{"name":"Person-1","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":5,"XAxisIndex":0,"YAxisIndex":0},{"value":1,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":3,"XAxisIndex":0,"YAxisIndex":0},{"value":5,"XAxisIndex":0,"YAxisIndex":0},{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":4,"XAxisIndex":0,"YAxisIndex":0},{"value":3,"XAxisIndex":0,"YAxisIndex":0},{"value":3,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"Person-2","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":1,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":5,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"Person-3","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":1,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"Person-4","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":1,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"P-5","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"P-6","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":1,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
],
};
myChart_CvjbOHWVTFJd.setOption(option_CvjbOHWVTFJd);
</script>
<br/>
<div class="container">
<div class="item" id="teuZBRhqeVoX"
style="width:800px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
var myChart_teuZBRhqeVoX = echarts.init(document.getElementById('teuZBRhqeVoX'), "dark");
var option_teuZBRhqeVoX = {
title: {"text":"Task Graph"},
tooltip: {"show":true,"trigger":"axis","triggerOn":"click","formatter":"Date: {b}\u003cbr/\u003eValue: {c}"},
legend: {"show":true},
toolbox: {"show":true,"orient":"vertical","left":"1%","top":"5%","feature":{"saveAsImage":{"show":true,"png":"png","name":"team_graphs","title":"Save"},"dataView":{"show":true,"title":"View Data","lang":["Data View","Exit"],"backgroundColor":""}}},
xAxis: [{"data":["Week 1","Week 2","Week 3","Week 4","Week 5","Week 6","Week 7","Week 8","Week 9","Week 10","Week 11","Week 12"]}],
yAxis: [{"axisLabel":{"formatter":"{value}%"}}],
series: [
{"name":"Person-1","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":70,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"Person-2","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"Person-3","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"Person-4","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"P-5","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
{"name":"P-6","type":"line","smooth":true,"waveAnimation":false,"data":[{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":75,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":50,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":100,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0}]},
],
};
myChart_teuZBRhqeVoX.setOption(option_teuZBRhqeVoX);
</script>
<br/>
<style>
.container {display: flex;justify-content: center;align-items: center;}
.item {margin: auto;}
</style>
</body>
</html>