From 26561a395df564b2ef07c2cb2f1ed70201249b92 Mon Sep 17 00:00:00 2001
From: Simon Hanna <simon.hanna@jesus.de>
Date: Wed, 19 Jul 2017 15:38:41 +0200
Subject: [PATCH] Make charts easier to read

* Do not fill the area below the lines
* Provide border color
* Decrease transparency of border
---
 public/js/ff/charts.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/js/ff/charts.js b/public/js/ff/charts.js
index 5e5bf17ce0..86ece1467e 100644
--- a/public/js/ff/charts.js
+++ b/public/js/ff/charts.js
@@ -38,7 +38,7 @@ var strokePointHighColors = [];
 
 
 for (var i = 0; i < colourSet.length; i++) {
-    fillColors.push("rgba(" + colourSet[i][0] + ", " + colourSet[i][1] + ", " + colourSet[i][2] + ", 0.2)");
+    fillColors.push("rgba(" + colourSet[i][0] + ", " + colourSet[i][1] + ", " + colourSet[i][2] + ", 0.5)");
     strokePointHighColors.push("rgba(" + colourSet[i][0] + ", " + colourSet[i][1] + ", " + colourSet[i][2] + ", 0.9)");
 }
 
@@ -60,7 +60,8 @@ function colorizeData(data) {
     for (var i = 0; i < data.count; i++) {
         newData.labels = data.labels;
         var dataset = data.datasets[i];
-        dataset.backgroundColor = fillColors[i];
+        dataset.fill = false;
+        dataset.backgroundColor = dataset.borderColor = fillColors[i];
         newData.datasets.push(dataset);
     }
     return newData;