zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide percent for outflows/inflows by account categorical chart

Browse Source
This commit is contained in:
MaysWind
2025-10-27 23:47:04 +08:00
parent f93610b5e0
commit 765e64d96f
8 changed files with 55 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/desktop/PieChart.vue
+4 -2
View File
@@ -142,9 +142,11 @@ const chartOptions = computed<object>(() => {
tooltip += `<div class="d-inline-flex">${name}</div><br/>`;
}
if (props.showValue) {
if (props.showValue && props.showPercent) {
tooltip += `<div class="d-inline-flex"><span>${value}</span><span class="ms-1">(${percent})</span></div>`;
} else {
} else if (props.showValue && !props.showPercent) {
tooltip += `<div class="d-inline-flex">${value}</div>`;
} else if (!props.showValue && props.showPercent) {
tooltip += `<div class="d-inline-flex">${percent}</div>`;
}
src/components/desktop/RadarChart.vue
+7 -2
View File
@@ -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>';
}
}