hide percent for outflows/inflows by account categorical chart

2025-10-27 23:47:04 +08:00
parent f93610b5e0
commit 765e64d96f
8 changed files with 55 additions and 15 deletions
@@ -40,6 +40,7 @@ const props = defineProps<{
    minValidPercent?: number;
    defaultCurrency?: string;
    showValue?: boolean;
+    showPercent?: boolean;
 }>();

 const theme = useTheme();
@@ -92,11 +93,15 @@ const radarData = computed<RadarChartData>(() => {

                tooltip += '<div><span class="chart-pointer" style="background-color: ' + color + '"></span>';
                tooltip += `<span>${name}</span>`;
-                if (props.showValue) {
+
+                if (props.showValue && props.showPercent) {
                    tooltip += `<span class="ms-1" style="float: inline-end">(${displayPercent})</span><span class="ms-5" style="float: inline-end">${displayValue}</span>`;
-                } else {
+                } else if (props.showValue && !props.showPercent) {
+                    tooltip += `<span class="ms-5" style="float: inline-end">${displayValue}</span>`;
+                } else if (!props.showValue && props.showPercent) {
                    tooltip += `<span class="ms-5" style="float: inline-end">${displayPercent}</span>`;
                }
+
                tooltip += '</div>';
            }
        }