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
9721adcd
authored
2016-08-15 16:55:29 +0200
by
Rafal Wilinski
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
Push data only from current span to chart
1 parent
3497fbb4
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
40 additions
and
28 deletions
index.html
index.html
View file @
9721adc
...
...
@@ -133,6 +133,7 @@
var
socket
=
io
(
'http://localhost:41338'
);
var
defaultSpan
=
0
;
var
spans
=
[];
var
defaultDataset
=
{
label
:
''
,
...
...
@@ -162,7 +163,8 @@
enabled
:
false
},
responsive
:
true
,
maintainAspectRatio
:
false
maintainAspectRatio
:
false
,
animation
:
false
};
var
createChart
=
function
(
ctx
,
dataset
)
{
...
...
@@ -208,11 +210,11 @@
var
onSpanChange
=
function
(
e
)
{
e
.
target
.
classList
.
add
(
'active'
);
defaultSpan
=
Integer
.
parseInt
(
e
.
target
.
id
);
defaultSpan
=
parseInt
(
e
.
target
.
id
);
var
otherSpans
=
document
.
getElementsByTagName
(
'span'
);
for
(
var
i
=
0
;
i
<
otherSpans
.
length
;
i
++
)
{
if
(
otherSpans
[
i
]
!==
e
.
target
)
otherSpans
[
i
].
classList
.
remove
(
'
remo
ve'
);
if
(
otherSpans
[
i
]
!==
e
.
target
)
otherSpans
[
i
].
classList
.
remove
(
'
acti
ve'
);
}
};
...
...
@@ -261,6 +263,11 @@
var
spanControls
=
document
.
getElementById
(
'span-controls'
);
data
.
forEach
(
function
(
span
,
index
)
{
spans
.
push
({
retention
:
span
.
retention
,
interval
:
span
.
interval
});
var
spanNode
=
document
.
createElement
(
'span'
);
var
textNode
=
document
.
createTextNode
((
span
.
retention
*
span
.
interval
)
/
60
+
"M"
);
spanNode
.
appendChild
(
textNode
);
...
...
@@ -271,32 +278,37 @@
});
socket
.
on
(
'stats'
,
function
(
data
)
{
cpuStat
.
textContent
=
data
.
os
.
cpu
.
toFixed
(
1
)
+
'%'
;
cpuChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
os
.
cpu
);
cpuChart
.
data
.
labels
.
push
(
data
.
os
.
timestamp
);
memStat
.
textContent
=
data
.
os
.
memory
.
toFixed
(
1
)
+
'MB'
;
memChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
os
.
memory
);
memChart
.
data
.
labels
.
push
(
data
.
os
.
timestamp
);
loadStat
.
textContent
=
data
.
os
.
load
[
0
].
toFixed
(
2
);
loadChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
os
.
load
[
0
]);
loadChart
.
data
.
labels
.
push
(
data
.
os
.
timestamp
);
responseTimeStat
.
textContent
=
data
.
responses
.
mean
.
toFixed
(
2
)
+
'ms'
;
responseTimeChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
responses
.
mean
);
responseTimeChart
.
data
.
labels
.
push
(
data
.
responses
.
timestamp
);
var
deltaTime
=
data
.
responses
.
timestamp
-
rpsChart
.
data
.
labels
[
rpsChart
.
data
.
labels
.
length
-
1
];
rpsStat
.
textContent
=
(
data
.
responses
.
count
/
deltaTime
*
1000
).
toFixed
(
2
);
rpsChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
responses
.
count
/
deltaTime
*
1000
);
rpsChart
.
data
.
labels
.
push
(
data
.
responses
.
timestamp
);
if
(
data
.
retention
===
spans
[
defaultSpan
].
retention
&&
data
.
interval
===
spans
[
defaultSpan
].
interval
)
{
cpuStat
.
textContent
=
data
.
os
.
cpu
.
toFixed
(
1
)
+
'%'
;
cpuChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
os
.
cpu
);
cpuChart
.
data
.
labels
.
push
(
data
.
os
.
timestamp
);
memStat
.
textContent
=
data
.
os
.
memory
.
toFixed
(
1
)
+
'MB'
;
memChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
os
.
memory
);
memChart
.
data
.
labels
.
push
(
data
.
os
.
timestamp
);
loadStat
.
textContent
=
data
.
os
.
load
[
0
].
toFixed
(
2
);
loadChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
os
.
load
[
0
]);
loadChart
.
data
.
labels
.
push
(
data
.
os
.
timestamp
);
responseTimeStat
.
textContent
=
data
.
responses
.
mean
.
toFixed
(
2
)
+
'ms'
;
responseTimeChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
responses
.
mean
);
responseTimeChart
.
data
.
labels
.
push
(
data
.
responses
.
timestamp
);
var
deltaTime
=
data
.
responses
.
timestamp
-
rpsChart
.
data
.
labels
[
rpsChart
.
data
.
labels
.
length
-
1
];
rpsStat
.
textContent
=
(
data
.
responses
.
count
/
deltaTime
*
1000
).
toFixed
(
2
);
rpsChart
.
data
.
datasets
[
0
].
data
.
push
(
data
.
responses
.
count
/
deltaTime
*
1000
);
rpsChart
.
data
.
labels
.
push
(
data
.
responses
.
timestamp
);
charts
.
forEach
(
function
(
chart
)
{
if
(
spans
[
defaultSpan
].
retention
<
chart
.
data
.
labels
.
length
)
{
chart
.
data
.
datasets
[
0
].
data
.
shift
();
chart
.
data
.
labels
.
shift
();
}
charts
.
forEach
(
function
(
chart
)
{
chart
.
data
.
datasets
[
0
].
data
.
shift
();
chart
.
data
.
labels
.
shift
();
chart
.
update
();
});
chart
.
update
();
});
}
});
</script>
</body>
...
...
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