summaryrefslogtreecommitdiffstats
path: root/app/main.qml
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 /app/main.qml
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
Diffstat (limited to 'app/main.qml')
-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_)
{