forked from Sayi/jmh-visual-chart
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (54 loc) · 4.6 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="JMH Visual Chart">
<meta name="keywords" content="JMH,visual,chart,report">
<meta name="author" content="Sayi">
<title>JMH Visual Chart</title>
<link rel="stylesheet" href="demo.css" />
<script src="echarts.min.js"></script>
<script src="jmh.js"></script>
</head>
<body>
<header>
<h1>JMH Visual Chart
<a href="https://github.com/Sayi/jmh-visual-chart" target="_blank">
<svg t="1547010414637" class="icon" style="width: 32px; height: 32px;vertical-align: middle;fill: #fff;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14301">
<path d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.005-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.016-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.011l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z"
p-id="14302" data-spm-anchor-id="a313x.7781069.0.i11"></path>
</svg>
</a>
</h1>
</header>
<div class="article">
<div id="toolbox">
<div id="upload">
<svg t="1546918477124" class="icon" style="width: 24px; height: 24px;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9448">
<path d="M819.2 420.26666666c-32-147.2-153.6-256-307.2-256-121.6 0-224 70.4-275.2 172.8-128 19.2-224 121.6-224 256 0 140.8 115.2 256 249.6 256h537.6c115.2 0 204.8-96 204.8-211.2 6.4-115.2-83.2-211.2-185.6-217.6m-224 128v172.8H428.8V548.26666666H307.2L512 337.06666666l204.8 211.2H595.2z m0 0"
fill="#1ABC9C" p-id="9449" data-spm-anchor-id="a313x.7781069.0.i5"></path>
</svg>
Upload JMH json file
<input id="json_file" type="file" onchange='onChooseFile(event)' title="Select JMH .json file" accept=".json">
</div>
<div id="switch_hv" onclick="switch_hv()" title="switch horizontal or vertial chart">
<svg t="1546925698883" class="icon" style="width: 24px; height: 24px;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12338"
data-spm-anchor-id="a313x.7781069.0.i7">
<path d="M512 926C283.7 926 98 740.3 98 512S283.7 98 512 98s414 185.7 414 414-185.7 414-414 414z m0-793.5c-209.3 0-379.5 170.2-379.5 379.5S302.7 891.5 512 891.5 891.5 721.3 891.5 512 721.3 132.5 512 132.5z"
p-id="12339"></path>
<path d="M597.2 266.3c-8-5.1-18.7-2.8-23.8 5.3-5.1 8-2.8 18.7 5.3 23.8l85.4 54.5H339.4c-28.5 0-51.7 23.2-51.7 51.7v155.3c0 9.5 7.7 17.2 17.2 17.2s17.2-7.7 17.2-17.2V401.5c0-9.5 7.7-17.2 17.2-17.2h381.9c9.5 0 17.2-7.7 17.2-17.2 0-4.8-7.1-10.7-12.5-16.8-11.5-13.1-128.7-84-128.7-84zM426.8 757.7c8 5.1 18.7 2.8 23.8-5.3 5.1-8 2.8-18.7-5.3-23.8L360 674.2h324.5c28.5 0 51.7-23.2 51.7-51.7V467.1c0-9.5-7.7-17.2-17.2-17.2s-17.2 7.7-17.2 17.2v155.3c0 9.5-7.7 17.2-17.2 17.2H302.7c-9.5 0-17.2 7.7-17.2 17.2 0 4.8 7.1 10.7 12.5 16.8 11.6 13.2 128.8 84.1 128.8 84.1z"
p-id="12340"></path>
</svg>
</div>
</div>
<div id="main"></div>
</div>
<script type="text/javascript">
myChart = echarts.init(document.getElementById('main'), 'default' === getParameterByName('theme') ? 'default' : 'dark');
</script>
</body>
</html>