Make charts easier to read

* Do not fill the area below the lines
* Provide border color
* Decrease transparency of border
This commit is contained in:
Simon Hanna 2017-07-19 15:38:41 +02:00 committed by Simon Hanna
parent 77d077ec08
commit 26561a395d

View File

@ -38,7 +38,7 @@ var strokePointHighColors = [];
for (var i = 0; i < colourSet.length; i++) { 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)"); 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++) { for (var i = 0; i < data.count; i++) {
newData.labels = data.labels; newData.labels = data.labels;
var dataset = data.datasets[i]; var dataset = data.datasets[i];
dataset.backgroundColor = fillColors[i]; dataset.fill = false;
dataset.backgroundColor = dataset.borderColor = fillColors[i];
newData.datasets.push(dataset); newData.datasets.push(dataset);
} }
return newData; return newData;