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

feat: stacked columns graph

Browse source
This commit is contained in:
effe 2024-09-14 15:37:32 -04:00
parent b6daaff368
commit 42392e8c46
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -181,7 +181,8 @@ public class DashboardView extends Div {
"title: { text: 'Total Expense' }, " + "title: { text: 'Total Expense' }, " +
"stackLabels: { " + "stackLabels: { " +
"enabled: true, " + "enabled: true, " +
"style: { fontWeight: 'bold', color: 'gray' }, " + "style: { fontWeight: 'bold', fontSize: '14px', color: 'white', textOutline: '1px contrast', " +
"backgroundColor: 'rgba(0,0,0,0.75)', padding: 4, borderRadius: 3 }, " + // Background and border for better visibility
"formatter: function() { " + "formatter: function() { " +
" if (this.total > 0) { return this.total; } else { return ''; }" + // Only show total if greater than 0 " if (this.total > 0) { return this.total; } else { return ''; }" + // Only show total if greater than 0
"}" + "}" +
@ -195,7 +196,8 @@ public class DashboardView extends Div {
"formatter: function() { " + "formatter: function() { " +
" if (this.y > 0) { return this.y; } else { return ''; }" + // Only show data label if value > 0 " if (this.y > 0) { return this.y; } else { return ''; }" + // Only show data label if value > 0
"}," + "}," +
"color: 'black'" + // Set label color "color: 'black', " + // Set data label color to black
"style: { fontSize: '12px', fontWeight: 'bold' }" + // Customize individual labels' appearance
"} " + "} " +
"} " + "} " +
"}, " + "}, " +