|
|
@@ -232,6 +232,8 @@
|
|
|
backgroundColor: incomeGradient,
|
|
|
borderColor: '#00b894',
|
|
|
borderWidth: 2,
|
|
|
+ borderRadius: 12,
|
|
|
+ borderSkipped: false,
|
|
|
},
|
|
|
{
|
|
|
label: 'Uscite',
|
|
|
@@ -239,6 +241,8 @@
|
|
|
backgroundColor: expenseGradient,
|
|
|
borderColor: '#ff6b6b',
|
|
|
borderWidth: 2,
|
|
|
+ borderRadius: 12,
|
|
|
+ borderSkipped: false,
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
@@ -259,7 +263,7 @@
|
|
|
titleColor: '#212529',
|
|
|
bodyColor: '#495057',
|
|
|
borderColor: '#e9ecef',
|
|
|
- borderWidth: 1,
|
|
|
+ borderWidth: 12,
|
|
|
cornerRadius: 8,
|
|
|
callbacks: {
|
|
|
label: function (context) {
|
|
|
@@ -284,6 +288,16 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ elements: {
|
|
|
+ bar: {
|
|
|
+ borderRadius: {
|
|
|
+ topLeft: 12,
|
|
|
+ topRight: 12,
|
|
|
+ bottomLeft: 0,
|
|
|
+ bottomRight: 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
animation: {
|
|
|
duration: 1000,
|
|
|
easing: 'easeOutQuart'
|
|
|
@@ -291,8 +305,6 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
- // Updated createCausalsChart method with improved sizing and text visibility
|
|
|
createCausalsChart: function (seasonKey, causalsData) {
|
|
|
const chartId = `causals-chart-${seasonKey}`;
|
|
|
const canvas = document.getElementById(chartId);
|