From a4ab7a0e6137b903af0d9eac9a73454b35ac0483 Mon Sep 17 00:00:00 2001 From: Starbeamrainbowlabs Date: Sun, 20 Jan 2019 21:23:44 +0000 Subject: [PATCH] [client/device-graph] Add pretty colour --- client_src/js/DeviceReadingDisplay.mjs | 4 +++- client_src/js/LayerDeviceMarkers.mjs | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/client_src/js/DeviceReadingDisplay.mjs b/client_src/js/DeviceReadingDisplay.mjs index 0c8c866..3c4d9c7 100644 --- a/client_src/js/DeviceReadingDisplay.mjs +++ b/client_src/js/DeviceReadingDisplay.mjs @@ -69,6 +69,8 @@ class DeviceReadingDisplay { data: { labels: data.map((point) => point.t), datasets: [{ + borderColor: "hsl(184, 69%, 40%)", + backgroundColor: "hsla(188, 53%, 46%, 0.58)", label: this.reading_type.friendly_text, data }] @@ -110,7 +112,7 @@ class DeviceReadingDisplay { return new_data.map((data_point) => { return { t: moment(data_point.datetime), - y: data_point.value + y: Math.round(data_point.value*10000)/10000 }}); } diff --git a/client_src/js/LayerDeviceMarkers.mjs b/client_src/js/LayerDeviceMarkers.mjs index c5678e5..023fe78 100644 --- a/client_src/js/LayerDeviceMarkers.mjs +++ b/client_src/js/LayerDeviceMarkers.mjs @@ -47,7 +47,7 @@ class LayerDeviceMarkers { // Create the popup let popup = L.popup({ className: "popup-device", - maxWidth: 640, + maxWidth: 720, autoPanPadding: L.point(100, 100) }).setContent("⌛ Loading..."); // TODO: Display a nice loading animation here marker.on("popupopen", this.marker_popup_open_handler.bind(this, device.id));