From: gregor herrmann <gregor@toastfreeware.priv.at>
Date: Sat, 2 Jun 2018 00:59:26 +0000 (+0200)
Subject: add temperature regions with colour coding
X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/commitdiff_plain/12c6d3ce8fac155d829ced736629b5e8399a40e3

add temperature regions with colour coding
---

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
new file mode 100644
index 0000000..d48e838
--- /dev/null
+++ b/web/static/seepark_web.css
@@ -0,0 +1,15 @@
+.region-frozen {
+    fill: blue;
+}
+
+.region-ok {
+    fill: white;
+}
+
+.region-warm {
+    fill: orange;
+}
+
+.region-boiling {
+    fill: red;
+}
diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
index 149d659..93f5d49 100644
--- a/web/static/seepark_web.js
+++ b/web/static/seepark_web.js
@@ -60,6 +60,12 @@ var chart = c3.generate({
 		y: {
 			show: true
 		}
-	}
+	},
+	regions: [
+		{axis: 'y', start: -999, end:   0, class: 'region-frozen'},
+		{axis: 'y', start:    1, end:  25, class: 'region-ok'},
+		{axis: 'y', start:   26, end:  99, class: 'region-warm'},
+		{axis: 'y', start:   99, end: 999, class: 'region-boiling'}
+	]
 });
 
diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index 250298f..9f0b15c 100644
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -4,6 +4,9 @@
 		<!-- Load c3.css -->
 		<link href="{{url_for('static', filename='c3.css')}}" rel="stylesheet">
 
+		<!-- Load own css -->
+		<link href="{{url_for('static', filename='seepark_web.css')}}" rel="stylesheet">
+
 		<!-- Load d3.js and c3.js -->
 		<script src="{{url_for('static', filename='d3.js')}}" charset="utf-8"></script>
 		<script src="{{url_for('static', filename='c3.js')}}"></script>