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