ant-design · chenshuai2144 · Feb 20, 2025 · Feb 7, 2025
diff --git a/packages/card/src/components/StatisticCard/demos/basic.tsx b/packages/card/src/components/StatisticCard/demos/basic.tsx
@@ -10,7 +10,7 @@ export default () => {
     <StatisticCard
       title={
         <Space>
-          <span>部门一</span>
+          <span>Department One</span>
           <RightOutlined style={{ color: token.colorTextHeading }} />
         </Space>
       }
@@ -20,8 +20,8 @@ export default () => {
         prefix: '¥',
         description: (
           <Space>
-            <Statistic title="实际完成度" value="82.3%" />
-            <Statistic title="当前目标" value="¥6000" />
+            <Statistic title="Actual Completion" value="82.3%" />
+            <Statistic title="Current Target" value="¥6000" />
           </Space>
         ),
       }}

diff --git a/packages/card/src/components/StatisticCard/demos/chart.tsx b/packages/card/src/components/StatisticCard/demos/chart.tsx
@@ -4,14 +4,14 @@ import { StatisticCard } from '@ant-design/pro-components';
 export default () => {
   return (
     <StatisticCard
-      title="大盘趋势"
-      tooltip="大盘说明"
+      title="Market Trend"
+      tooltip="Market Description"
       style={{ maxWidth: 480 }}
       extra={<EllipsisOutlined />}
       chart={
         <img
           src="https://gw.alipayobjects.com/zos/alicdn/a-LN9RTYq/zhuzhuangtu.svg"
-          alt="柱状图"
+          alt="Bar Chart"
           width="100%"
         />
       }

diff --git a/packages/card/src/components/StatisticCard/demos/fomula.tsx b/packages/card/src/components/StatisticCard/demos/fomula.tsx
@@ -7,28 +7,28 @@ export default () => {
     <StatisticCard.Group>
       <StatisticCard
         statistic={{
-          title: '服务网格数',
+          title: 'Service Mesh Count',
           value: 500,
         }}
       />
       <Operation>=</Operation>
       <StatisticCard
         statistic={{
-          title: '未发布',
+          title: 'Unpublished',
           value: 234,
         }}
       />
       <Operation>+</Operation>
       <StatisticCard
         statistic={{
-          title: '发布中',
+          title: 'Publishing',
           value: 112,
         }}
       />
       <Operation>+</Operation>
       <StatisticCard
         statistic={{
-          title: '已发布',
+          title: 'Published',
           value: 255,
         }}
       />

diff --git a/packages/card/src/components/StatisticCard/demos/group-chart.tsx b/packages/card/src/components/StatisticCard/demos/group-chart.tsx
@@ -17,44 +17,44 @@ export default () => {
       <StatisticCard.Group direction={responsive ? 'column' : 'row'}>
         <StatisticCard
           statistic={{
-            title: '冻结金额',
+            title: 'Frozen Amount',
             value: 20190102,
             precision: 2,
-            suffix: '元',
+            suffix: 'Yuan',
           }}
           chart={
             <img
               src="https://gw.alipayobjects.com/zos/alicdn/RLeBTRNWv/bianzu%25252043x.png"
-              alt="直方图"
+              alt="Histogram"
               width="100%"
             />
           }
         />
         <Divider type={responsive ? 'horizontal' : 'vertical'} />
         <StatisticCard
           statistic={{
-            title: '设计资源数',
+            title: 'Design Resources',
             value: 234,
           }}
           chart={
             <img
               src="https://gw.alipayobjects.com/zos/alicdn/RLeBTRNWv/bianzu%25252043x.png"
-              alt="直方图"
+              alt="Histogram"
               width="100%"
             />
           }
         />
         <Divider type={responsive ? 'horizontal' : 'vertical'} />
         <StatisticCard
           statistic={{
-            title: '信息完成度',
+            title: 'Information Completeness',
             value: 5,
             suffix: '/ 100',
           }}
           chart={
             <img
               src="https://gw.alipayobjects.com/zos/alicdn/RLeBTRNWv/bianzu%25252043x.png"
-              alt="直方图"
+              alt="Histogram"
               width="100%"
             />
           }

diff --git a/packages/card/src/components/StatisticCard/demos/group.tsx b/packages/card/src/components/StatisticCard/demos/group.tsx
@@ -15,40 +15,40 @@ export default () => {
       }}
     >
       <StatisticCard.Group
-        title="核心指标"
+        title="Core Metrics"
         direction={responsive ? 'column' : 'row'}
       >
         <StatisticCard
           statistic={{
-            title: '今日UV',
-            tip: '供应商信息',
+            title: 'Today\'s UV',
+            tip: 'Supplier Information',
             value: 79,
             precision: 2,
           }}
         />
         <Divider type={responsive ? 'horizontal' : 'vertical'} />
         <StatisticCard
           statistic={{
-            title: '冻结金额',
+            title: 'Frozen Amount',
             value: 112893,
             precision: 2,
-            suffix: '元',
+            suffix: 'Yuan',
           }}
         />
         <Divider type={responsive ? 'horizontal' : 'vertical'} />
         <StatisticCard
           statistic={{
-            title: '信息完整度',
+            title: 'Information Completeness',
             value: 92,
             suffix: '/ 100',
           }}
         />
         <StatisticCard
           statistic={{
-            title: '冻结金额',
+            title: 'Frozen Amount',
             value: 112893,
             precision: 2,
-            suffix: '元',
+            suffix: 'Yuan',
           }}
         />
       </StatisticCard.Group>

diff --git a/packages/card/src/components/StatisticCard/demos/horizontal-left.tsx b/packages/card/src/components/StatisticCard/demos/horizontal-left.tsx
@@ -7,22 +7,22 @@ export default () => {
     <StatisticCard
       chartPlacement="left"
       statistic={{
-        title: '冻结金额',
+        title: 'Frozen Amount',
         value: 112893,
         precision: 2,
-        suffix: '元',
+        suffix: 'Yuan',
         description: (
           <>
-            <Statistic title="周同比" value="6.47%" trend="up" />
-            <Statistic title="月同比" value="6.47%" trend="down" />
+            <Statistic title="Weekly Comparison" value="6.47%" trend="up" />
+            <Statistic title="Monthly Comparison" value="6.47%" trend="down" />
           </>
         ),
       }}
       style={{ maxWidth: 584 }}
       chart={
         <img
           src="https://gw.alipayobjects.com/zos/alicdn/snEBTn9ax/zhexiantuchang.svg"
-          alt="折线图"
+          alt="Line Chart"
           width="100%"
         />
       }

diff --git a/packages/card/src/components/StatisticCard/demos/horizontal.tsx b/packages/card/src/components/StatisticCard/demos/horizontal.tsx
@@ -7,22 +7,22 @@ export default () => {
     <StatisticCard
       chartPlacement="right"
       statistic={{
-        title: '冻结金额',
+        title: 'Frozen Amount',
         value: 112893,
         precision: 2,
-        suffix: '元',
+        suffix: 'Yuan',
         description: (
           <>
-            <Statistic title="周同比" value="6.47%" trend="up" />
-            <Statistic title="月同比" value="6.47%" trend="down" />
+            <Statistic title="Weekly Comparison" value="6.47%" trend="up" />
+            <Statistic title="Monthly Comparison" value="6.47%" trend="down" />
           </>
         ),
       }}
       style={{ width: 584 }}
       chart={
         <img
           src="https://gw.alipayobjects.com/zos/alicdn/snEBTn9ax/zhexiantuchang.svg"
-          alt="折线图"
+          alt="Line Chart"
           width="100%"
         />
       }

diff --git a/packages/card/src/components/StatisticCard/demos/icon.tsx b/packages/card/src/components/StatisticCard/demos/icon.tsx
@@ -21,7 +21,7 @@ export default () => {
       <StatisticCard.Group direction={responsive ? 'column' : 'row'}>
         <StatisticCard
           statistic={{
-            title: '支付金额',
+            title: 'Payment Amount',
             value: 2176,
             icon: (
               <img
@@ -34,7 +34,7 @@ export default () => {
         />
         <StatisticCard
           statistic={{
-            title: '访客数',
+            title: 'Number of Visitors',
             value: 475,
             icon: (
               <img
@@ -47,7 +47,7 @@ export default () => {
         />
         <StatisticCard
           statistic={{
-            title: '成功订单数',
+            title: 'Number of Successful Orders',
             value: 87,
             icon: (
               <img
@@ -60,7 +60,7 @@ export default () => {
         />
         <StatisticCard
           statistic={{
-            title: '浏览量',
+            title: 'Page Views',
             value: 1754,
             icon: (
               <img

diff --git a/packages/card/src/components/StatisticCard/demos/layout.tsx b/packages/card/src/components/StatisticCard/demos/layout.tsx
@@ -15,8 +15,8 @@ export default () => {
       }}
     >
       <ProCard
-        title="数据概览"
-        extra="2019年9月28日 星期五"
+        title="Data Overview"
+        extra="Friday, September 28, 2019"
         split={responsive ? 'horizontal' : 'vertical'}
         headerBordered
         bordered
@@ -26,11 +26,11 @@ export default () => {
             <ProCard split="vertical">
               <StatisticCard
                 statistic={{
-                  title: '昨日全部流量',
+                  title: 'Total Traffic Yesterday',
                   value: 234,
                   description: (
                     <Statistic
-                      title="较本月平均流量"
+                      title="Compared to Monthly Average Traffic"
                       value="8.04%"
                       trend="down"
                     />
@@ -39,47 +39,48 @@ export default () => {
               />
               <StatisticCard
                 statistic={{
-                  title: '本月累计流量',
+                  title: 'Total Traffic This Month',
                   value: 234,
                   description: (
-                    <Statistic title="月同比" value="8.04%" trend="up" />
+                    <Statistic title="Month-on-Month" value="8.04%" trend="up" />
                   ),
                 }}
               />
             </ProCard>
             <ProCard split="vertical">
               <StatisticCard
                 statistic={{
-                  title: '运行中实验',
+                  title: 'Ongoing Experiments',
                   value: '12/56',
-                  suffix: '个',
+                  suffix: 'items',
                 }}
               />
               <StatisticCard
                 statistic={{
-                  title: '历史实验总数',
+                  title: 'Total Historical Experiments',
                   value: '134',
-                  suffix: '个',
+                  suffix: 'items',
                 }}
               />
             </ProCard>
           </ProCard>
           <StatisticCard
-            title="流量走势"
+            title="Traffic Trends"
             chart={
               <img
                 src="https://gw.alipayobjects.com/zos/alicdn/_dZIob2NB/zhuzhuangtu.svg"
                 width="100%"
+                alt="Bar Chart"
               />
             }
           />
         </ProCard>
         <StatisticCard
-          title="流量占用情况"
+          title="Traffic Usage"
           chart={
             <img
               src="https://gw.alipayobjects.com/zos/alicdn/qoYmFMxWY/jieping2021-03-29%252520xiawu4.32.34.png"
-              alt="大盘"
+              alt="Dashboard"
               width="100%"
             />
           }

diff --git a/packages/card/src/components/StatisticCard/demos/status.tsx b/packages/card/src/components/StatisticCard/demos/status.tsx
@@ -7,36 +7,36 @@ export default () => {
     <StatisticCard.Group>
       <StatisticCard
         statistic={{
-          title: '全部',
-          tip: '帮助文字',
+          title: 'All',
+          tip: 'Help text',
           value: 10,
         }}
       />
       <Divider />
       <StatisticCard
         statistic={{
-          title: '未发布',
+          title: 'Unpublished',
           value: 5,
           status: 'default',
         }}
       />
       <StatisticCard
         statistic={{
-          title: '发布中',
+          title: 'Publishing',
           value: 3,
           status: 'processing',
         }}
       />
       <StatisticCard
         statistic={{
-          title: '发布异常',
+          title: 'Publishing Error',
           value: 2,
           status: 'error',
         }}
       />
       <StatisticCard
         statistic={{
-          title: '发布成功',
+          title: 'Published Successfully',
           value: '-',
           status: 'success',
         }}