QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add %'s to tooltips

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-15 19:57:07 -06:00
parent 12f13983ea
commit 9d7315e773
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/qqq/components/widgets/charts/piechart/PieChartConfigs.ts
View File

@ -71,11 +71,27 @@ function configs(labels: any, datasets: any)
callbacks: {
label: function(context: any)
{
let percentSuffix = "";
try
{
//////////////////////////////////////////////////////////////////////////
// make percent by dividing this slice's value by the sum of all values //
//////////////////////////////////////////////////////////////////////////
const thisSlice = context.dataset.data[context.dataIndex];
const sum = context.dataset.data.reduce((acc: number, val: number) => acc + val, 0);
percentSuffix = " (" + Number(100 * thisSlice / sum).toFixed(1) + "%)";
}
catch(e)
{
// leave percentSuffix empty
}
////////////////////////////////////////////////////////////////////////////////
// our labels already have the value in them - so just use the label in the //
// tooltip (lib by default puts label + value, so we were duplicating value!) //
// oh, and we add percent if we can //
////////////////////////////////////////////////////////////////////////////////
return context.label;
return context.label + percentSuffix;
}
}
},