suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 20s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 5s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
Details

Browse Source
This commit is contained in:
SunCheng
2026-02-19 21:10:29 +08:00
parent 3402ffaae2
commit 986f46b84c
2 changed files with 24 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Web/src/views/statisticsV2/modules/DailyTrendChart.vue
View File

@@ -134,7 +134,7 @@ const chartData = computed(() => {
label: '支出',
data: expenseData,
borderColor: '#ff6b6b',
yAxisID: 'yExpense',
yAxisID: 'y',
order: 2,
backgroundColor: (context) => {
const chart = context.chart
@@ -152,7 +152,7 @@ const chartData = computed(() => {
label: '收入',
data: incomeData,
borderColor: '#4ade80',
yAxisID: 'yIncome',
yAxisID: 'y',
order: 1,
backgroundColor: (context) => {
const chart = context.chart
@@ -175,8 +175,14 @@ const chartOptions = computed(() => {
const { chartData: rawData, expenseData, incomeData } = prepareChartData()
const maxExpense = Math.max(...expenseData, 0)
const maxIncome = Math.max(...incomeData, 0)
const maxValue = Math.max(maxExpense, maxIncome, 0)
return getChartOptions({
layout: {
padding: {
bottom: 6
}
},
scales: {
x: {
display: false,
@@ -188,23 +194,10 @@ const chartOptions = computed(() => {
display: false,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false }
},
yIncome: {
display: false,
border: { display: false },
beginAtZero: true,
suggestedMax: maxIncome ? maxIncome * 1.1 : undefined,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false }
},
yExpense: {
display: false,
beginAtZero: true,
suggestedMax: maxExpense ? maxExpense * 1.1 : undefined,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false }
suggestedMax: maxValue ? maxValue * 1.1 : undefined,
grace: '6%'
}
},
plugins: {
@@ -274,6 +267,6 @@ const chartOptions = computed(() => {
.trend-chart {
width: 100%;
height: 180px;
height: 190px;
}
</style>

31
Web/src/views/statisticsV2/modules/MonthlyExpenseCard.vue
View File

@@ -241,7 +241,7 @@ const chartData = computed(() => {
label: '支出',
data: expenseData,
borderColor: expenseColor.value,
yAxisID: 'yExpense',
yAxisID: 'y',
order: 2,
backgroundColor: (context) => {
const chart = context.chart
@@ -262,7 +262,7 @@ const chartData = computed(() => {
label: '收入',
data: incomeData,
borderColor: incomeColor.value,
yAxisID: 'yIncome',
yAxisID: 'y',
order: 1,
backgroundColor: (context) => {
const chart = context.chart
@@ -288,8 +288,14 @@ const chartOptions = computed(() => {
const { chartData: rawData, expenseData, incomeData } = prepareChartData()
const maxExpense = Math.max(...expenseData, 0)
const maxIncome = Math.max(...incomeData, 0)
const maxValue = Math.max(maxExpense, maxIncome, 0)
return getChartOptions({
layout: {
padding: {
bottom: 6
}
},
scales: {
x: {
display: false,
@@ -301,23 +307,10 @@ const chartOptions = computed(() => {
display: false,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false }
},
yIncome: {
display: false,
border: { display: false },
beginAtZero: true,
suggestedMax: maxIncome ? maxIncome * 1.1 : undefined,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false }
},
yExpense: {
display: false,
beginAtZero: true,
suggestedMax: maxExpense ? maxExpense * 1.1 : undefined,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false }
suggestedMax: maxValue ? maxValue * 1.1 : undefined,
grace: '6%'
}
},
plugins: {
@@ -462,7 +455,7 @@ const chartOptions = computed(() => {
.trend-chart {
width: 100%;
height: 140px;
height: 200px;
overflow: hidden;
position: relative;
}