mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-16 07:57:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

hide total amount divider line in trend charts when no items are displayed

Browse Source
This commit is contained in:
MaysWind
2025-11-02 01:12:14 +08:00
parent 8a0232aedf
commit f42ee9cf67
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/desktop/MonthlyTrendsChart.vue
+3 -1
View File
@@ -316,6 +316,7 @@ const chartOptions = computed<object>(() => {
formatter: (params: CallbackDataParams[]) => { formatter: (params: CallbackDataParams[]) => {
let tooltip = ''; let tooltip = '';
let totalAmount = 0; let totalAmount = 0;
let actualDisplayItemCount = 0;
const displayItems: MonthlyTrendsChartTooltipItem[] = []; const displayItems: MonthlyTrendsChartTooltipItem[] = [];
for (const param of params) { for (const param of params) {
@@ -343,12 +344,13 @@ const chartOptions = computed<object>(() => {
tooltip += '<div><span class="chart-pointer" style="background-color: ' + item.color + '"></span>'; tooltip += '<div><span class="chart-pointer" style="background-color: ' + item.color + '"></span>';
tooltip += `<span>${item.name}</span><span class="ms-5" style="float: inline-end">${value}</span><br/>`; tooltip += `<span>${item.name}</span><span class="ms-5" style="float: inline-end">${value}</span><br/>`;
tooltip += '</div>'; tooltip += '</div>';
actualDisplayItemCount++;
} }
} }
if (props.showTotalAmountInTooltip) { if (props.showTotalAmountInTooltip) {
const displayTotalAmount = formatAmountToLocalizedNumeralsWithCurrency(totalAmount, props.defaultCurrency); const displayTotalAmount = formatAmountToLocalizedNumeralsWithCurrency(totalAmount, props.defaultCurrency);
tooltip = '<div style="border-bottom: ' + (isDarkMode.value ? '#eee' : '#333') + ' dashed 1px">' tooltip = (actualDisplayItemCount > 0 ? '<div style="border-bottom: ' + (isDarkMode.value ? '#eee' : '#333') + ' dashed 1px">' : '<div></div>')
+ '<span class="chart-pointer" style="background-color: ' + (isDarkMode.value ? '#eee' : '#333') + '"></span>' + '<span class="chart-pointer" style="background-color: ' + (isDarkMode.value ? '#eee' : '#333') + '"></span>'
+ `<span>${tt('Total Amount')}</span><span class="ms-5" style="float: inline-end">${displayTotalAmount}</span><br/>` + `<span>${tt('Total Amount')}</span><span class="ms-5" style="float: inline-end">${displayTotalAmount}</span><br/>`
+ '</div>' + tooltip; + '</div>' + tooltip;