From e5e7399f90caf2ad37f838d82ad148a7687cd33b Mon Sep 17 00:00:00 2001
From: YoVinchen <gzh298255@gmail.com>
Date: Sun, 10 Aug 2025 04:43:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AF=B7=E6=B1=82=E6=AC=A1?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UsageDashboard.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/UsageDashboard.tsx b/src/components/UsageDashboard.tsx
index 808a206..450da84 100644
--- a/src/components/UsageDashboard.tsx
+++ b/src/components/UsageDashboard.tsx
@@ -330,7 +330,7 @@ export const UsageDashboard: React.FC<UsageDashboardProps> = ({ onBack }) => {
                             cacheReadTokens: (day.cache_read_tokens || 0) / 1000,
                             requests: day.request_count || 0,
                           }))}
-                          margin={{ top: 5, right: 60, left: 20, bottom: 40 }}
+                          margin={{ top: 5, right: 80, left: 20, bottom: 40 }}
                         >
                           <CartesianGrid strokeDasharray="3 3" className="stroke-border/20" />
                           <XAxis 
@@ -356,6 +356,14 @@ export const UsageDashboard: React.FC<UsageDashboardProps> = ({ onBack }) => {
                             label={{ value: 'Cost (USD)', angle: 90, position: 'insideRight', style: { fontSize: 10 } }}
                             className="text-muted-foreground"
                           />
+                          <YAxis 
+                            yAxisId="requests"
+                            orientation="right"
+                            tick={{ fontSize: 10 }}
+                            tickFormatter={(value) => `${value}`}
+                            label={{ value: 'Requests', angle: 90, position: 'insideRight', dx: 40, style: { fontSize: 10 } }}
+                            className="text-muted-foreground"
+                          />
                           <RechartsTooltip 
                             contentStyle={{ 
                               backgroundColor: 'hsl(var(--popover))',
@@ -481,6 +489,17 @@ export const UsageDashboard: React.FC<UsageDashboardProps> = ({ onBack }) => {
                             dot={{ r: 3 }}
                             activeDot={{ r: 5 }}
                           />
+                          
+                          {/* 请求数线条 - 请求轴 */}
+                          <Line 
+                            yAxisId="requests"
+                            type="monotone" 
+                            dataKey="requests" 
+                            stroke="#f59e0b"
+                            strokeWidth={2}
+                            dot={{ r: 2.5 }}
+                            activeDot={{ r: 4.5 }}
+                          />
                         </LineChart>
                       </ResponsiveContainer>
                     </div>