mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-23 00:53:33 +00:00
fix(admin-spa): 修复使用趋势图表按小时粒度不显示数据的问题
This commit is contained in:
@@ -441,8 +441,22 @@ function createUsageTrendChart() {
|
||||
const requestsData = data.map(d => d.requests || 0)
|
||||
const costData = data.map(d => d.cost || 0)
|
||||
|
||||
// 根据数据类型确定标签字段和格式
|
||||
const labelField = data[0]?.date ? 'date' : 'hour'
|
||||
const labels = data.map(d => {
|
||||
if (labelField === 'hour') {
|
||||
// 格式化小时显示
|
||||
const date = new Date(d.hour)
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||
const day = String(date.getDate()).padStart(2, '0')
|
||||
const hour = String(date.getHours()).padStart(2, '0')
|
||||
return `${month}/${day} ${hour}:00`
|
||||
}
|
||||
return d.date
|
||||
})
|
||||
|
||||
const chartData = {
|
||||
labels: data.map(d => d.date),
|
||||
labels: labels,
|
||||
datasets: [
|
||||
{
|
||||
label: '输入Token',
|
||||
@@ -628,8 +642,21 @@ function createApiKeysUsageTrendChart() {
|
||||
}
|
||||
}) || []
|
||||
|
||||
// 根据数据类型确定标签字段
|
||||
const labelField = data[0]?.date ? 'date' : 'hour'
|
||||
|
||||
const chartData = {
|
||||
labels: data.map(d => d.date),
|
||||
labels: data.map(d => {
|
||||
if (labelField === 'hour') {
|
||||
// 格式化小时显示
|
||||
const date = new Date(d.hour)
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||
const day = String(date.getDate()).padStart(2, '0')
|
||||
const hour = String(date.getHours()).padStart(2, '0')
|
||||
return `${month}/${day} ${hour}:00`
|
||||
}
|
||||
return d.date
|
||||
}),
|
||||
datasets: datasets
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user