summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVitaly Wool <vitaly.wool@konsulko.com>2019-06-01 16:52:23 +0000
committerVitaly Wool <vitaly.wool@konsulko.com>2019-06-04 17:16:35 +0200
commitd7688ce370c448af299dfbec0a3da7c081203916 (patch)
tree299c0922ac71684ab1b552090bc6dd51bdffc60c
parenta4d90fcb10ee166bf877f3308b71a3f694b7f312 (diff)
Make network stats graph better readable
Currently it isn't exactly clear where one of the two network graphs (bytes received, bytes sent) is gone when the values are the same most of the time. Make it clearer with area fill and more color contrast. Bug-AGL: SPEC-2475 Signed-off-by: Vitaly Wool <vitaly.wool@konsulko.com> Change-Id: I52b0f8c87cd1e8df66d3aefd3b7a6a86dc48a10b
-rw-r--r--app/main.qml24
1 files changed, 17 insertions, 7 deletions
diff --git a/app/main.qml b/app/main.qml
index 45864ba..3ea844c 100644
--- a/app/main.qml
+++ b/app/main.qml
@@ -260,28 +260,38 @@ Window {
ValueAxis {
id: octetsAxis
- max: 2
+ max: 200
min: 0
tickCount: 3
}
- LineSeries {
- id: netSeriesIn
+ AreaSeries {
name: "InOctets"
+ opacity: 1.0
+ borderColor: "#FF0039A5"
+ borderWidth: 1
axisX: timeNetAxis
axisY: octetsAxis
- XYPoint { x: new Date().getTime(); y: 0 }
+ upperSeries: LineSeries {
+ id: netSeriesIn
+ XYPoint { x: new Date().getTime(); y: 0 }
+ }
}
- LineSeries {
- id: netSeriesOut
+ AreaSeries {
name: "OutOctets"
+ opacity: 0.5
+ borderWidth: 0
+ color: "#FFD52B1E"
axisX: timeNetAxis
axisY: octetsAxis
- XYPoint { x: new Date().getTime(); y: 0 }
+ upperSeries: LineSeries {
+ id: netSeriesOut
+ XYPoint { x: new Date().getTime(); y: 0 }
+ }
}
function updateStats(in_, out_)
{