selfhosted
/
dashy
mirror of https://github.com/lissy93/dashy
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

⚡ Only render non-zero values to chart

This commit is contained in:
Alicia Sykes 2022-05-29 20:55:05 +01:00
parent 86435fc7d6
commit 8af15f606d
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Widgets/AdGuardStats.vue
View File

@ -37,12 +37,26 @@ export default {
const remaining = totalAllowed - blockTotal;
// Put data into a flat array for the chart
const chartColors = ['#ef476f', '#ffc43d', '#f8ffe5', '#1b9aaa', '#06d6a0'];
const chartValues = [blocked, safeBrowsing, safeSearch, parental, remaining];
const chartLabels = [
'Blocked', 'Safe Browsing - Blocked', 'Safe Search - Blocked',
'Parental Controls - Blocked', 'Allowed',
];
const chartColors = ['#ef476f', '#06d6a0'];
const chartValues = [blocked, remaining];
const chartLabels = ['Blocked', 'Allowed'];
// If additional blocked results are non-zero, append to chart data
if (safeBrowsing > 0) {
chartColors.push('#ffc43d');
chartValues.push(safeBrowsing);
chartLabels.push('Safe Search - Blocked');
}
if (safeSearch > 0) {
chartColors.push('#f8ffe5');
chartValues.push(safeSearch);
chartLabels.push('Safe Search - Blocked');
}
if (parental > 0) {
chartColors.push('#1b9aaa');
chartValues.push(parental);
chartLabels.push('Parental Controls - Blocked');
}
// Call generate chart function
this.generateBlockPie(chartLabels, chartValues, chartColors);
@ -60,7 +74,7 @@ export default {
strokeWidth: 20,
colors,
tooltipOptions: {
formatTooltipY: d => `${Math.round(d)}%`,
formatTooltipY: d => `${Math.round(d)} queries`,
},
});
},