NapoleonDynamite/munera-vaadin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: added percentage to pie chart

Browse source
This commit is contained in:
filippo-ferrari 2024-09-16 14:15:24 +02:00
parent b1a3e56d04
commit a37277759c
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/main/java/com/application/munera/views/dashboard/DashboardView.java
View file

@ -242,7 +242,7 @@ public class DashboardView extends Div {
}
data.setCharAt(data.length() - 1, ']'); // Replace last comma with closing bracket
// Generate JavaScript initialization
// Generate JavaScript initialization with percentage tooltip
return "Highcharts.chart('pieChart', {" +
"chart: {" +
"type: 'pie'" +
@ -250,9 +250,16 @@ public class DashboardView extends Div {
"title: {" +
"text: 'Expenses by Category for " + Year.now().getValue() + "'" +
"}," +
"tooltip: {" + // Tooltip configuration to show percentage
"pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b> ({point.y:.2f})'" +
"}," +
"plotOptions: {" +
"pie: {" +
"size: '80%'" + // Adjust size to make the pie chart larger
"size: '80%'," + // Adjust size to make the pie chart larger
"dataLabels: {" + // Enable data labels
"enabled: true," +
"format: '{point.name}: {point.percentage:.1f}%'" + // Show percentage next to each slice
"}" +
"}" +
"}," +
"series: [{" +