From d7688ce370c448af299dfbec0a3da7c081203916 Mon Sep 17 00:00:00 2001 From: Vitaly Wool Date: Sat, 1 Jun 2019 16:52:23 +0000 Subject: 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 Change-Id: I52b0f8c87cd1e8df66d3aefd3b7a6a86dc48a10b --- app/main.qml | 24 +++++++++++++++++------- 1 file 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_) { -- cgit 1.2.3-korg