diff options
| author |   Vitaly Wool <vitaly.wool@konsulko.com> | 2019-06-01 16:52:23 +0000 |
|---|---|---|
| committer | Vitaly Wool <vitaly.wool@konsulko.com> | 2019-06-04 17:16:35 +0200 |
| commit | d7688ce370c448af299dfbec0a3da7c081203916 (patch) | |
| tree | 299c0922ac71684ab1b552090bc6dd51bdffc60c | |
| parent | a4d90fcb10ee166bf877f3308b71a3f694b7f312 (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.qml | 24 |
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_) { |