Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Jabis Sev贸n
/
esm
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
45a74809
authored
2016-08-15 16:30:48 +0200
by
Rafal Wilinski
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
Fix chart sizing issues
1 parent
d5dcbe7f
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
25 additions
and
8 deletions
index.html
index.html
View file @
45a7480
...
...
@@ -29,8 +29,8 @@
}
canvas
{
width
:
100%
;
height
:
100
%
;
width
:
400px
;
height
:
100
px
;
}
.active
{
...
...
@@ -48,6 +48,11 @@
height
:
100px
;
}
.chart-container
{
width
:
400px
;
height
:
100px
;
}
.footer
{
position
:
fixed
;
margin
:
auto
;
...
...
@@ -63,7 +68,7 @@
</style>
</head>
<body>
<div
style=
"width:
4
00px; margin: auto"
>
<div
style=
"width:
6
00px; margin: auto"
>
<div
class=
"header"
>
<span><b>
Express Status
</b></span>
<div
id=
"span-controls"
class=
"span-controls"
>
...
...
@@ -74,35 +79,45 @@
<h5>
CPU Usage
</h5>
<h1
id=
"cpuStat"
>
- %
</h1>
</div>
<div
class=
"chart-container"
>
<canvas
id=
"cpuChart"
width=
"400"
height=
"100"
></canvas>
</div>
</div>
<div
class=
"container"
>
<div
class=
"stats-column"
>
<h5>
Memory Usage
</h5>
<h1
id=
"memStat"
>
- %
</h1>
</div>
<canvas
id=
"memChart"
width=
"400"
height=
"100"
></canvas>
<div
class=
"chart-container"
>
<canvas
id=
"memChart"
width=
"200"
height=
"100"
></canvas>
</div>
</div>
<div
class=
"container"
>
<div
class=
"stats-column"
>
<h5>
One Minute Load Avg
</h5>
<h1
id=
"loadStat"
>
-
</h1>
</div>
<canvas
id=
"loadChart"
width=
"400"
height=
"100"
></canvas>
<div
class=
"chart-container"
>
<canvas
id=
"loadChart"
width=
"200"
height=
"100"
></canvas>
</div>
</div>
<div
class=
"container"
>
<div
class=
"stats-column"
>
<h5>
Response Time
</h5>
<h1
id=
"responseTimeStat"
>
-
</h1>
</div>
<canvas
id=
"responseTimeChart"
width=
"400"
height=
"100"
></canvas>
<div
class=
"chart-container"
>
<canvas
id=
"responseTimeChart"
width=
"200"
height=
"100"
></canvas>
</div>
</div>
<div
class=
"container"
>
<div
class=
"stats-column"
>
<h5>
Requests per Second
</h5>
<h1
id=
"rpsStat"
>
-
</h1>
</div>
<canvas
id=
"rpsChart"
width=
"400"
height=
"100"
></canvas>
<div
class=
"chart-container"
>
<canvas
id=
"rpsChart"
width=
"200"
height=
"100"
></canvas>
</div>
</div>
<div
class=
"footer"
>
<p>
Made with
♥
with Socket.io
&
Chart.js
</p>
...
...
@@ -145,7 +160,9 @@
},
tooltips
:
{
enabled
:
false
}
},
responsive
:
true
,
maintainAspectRatio
:
false
};
var
createChart
=
function
(
ctx
,
dataset
)
{
...
...
Write
Preview
Styling with
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment