refactor: improve code readability by translating comments to English (#15)

This commit primarily focuses on internationalization improvements. This is a pure code quality enhancement that does not involve any functional changes.

Author: lyw405

__tests__/examples/functional.spec.ts

@@ -1,10 +1,10 @@
-// 示例数据用于测试各种图表
+// Sample data for testing various charts
 
 export const barChartData = [
-  { category: "苹果", value: 120 },
-  { category: "香蕉", value: 80 },
-  { category: "橙子", value: 150 },
-  { category: "葡萄", value: 90 },
+  { category: "Apple", value: 120 },
+  { category: "Banana", value: 80 },
+  { category: "Orange", value: 150 },
+  { category: "Grape", value: 90 },
 ];
 
 export const lineChartData = [
@@ -16,18 +16,18 @@ export const lineChartData = [
 ];
 
 export const pieChartData = [
-  { category: "技术", value: 35 },
-  { category: "营销", value: 25 },
-  { category: "销售", value: 20 },
-  { category: "客服", value: 20 },
+  { category: "Technology", value: 35 },
+  { category: "Marketing", value: 25 },
+  { category: "Sales", value: 20 },
+  { category: "Customer Service", value: 20 },
 ];
 
 export const radarChartData = [
-  { name: "性能", value: 85 },
-  { name: "功能", value: 90 },
-  { name: "易用性", value: 75 },
-  { name: "稳定性", value: 95 },
-  { name: "价格", value: 60 },
+  { name: "Performance", value: 85 },
+  { name: "Features", value: 90 },
+  { name: "Usability", value: 75 },
+  { name: "Stability", value: 95 },
+  { name: "Price", value: 60 },
 ];
 
 export const scatterChartData = [
@@ -39,73 +39,73 @@ export const scatterChartData = [
 ];
 
 export const sankeyChartData = [
-  { source: "访问首页", target: "产品页面", value: 1000 },
-  { source: "产品页面", target: "添加购物车", value: 300 },
-  { source: "添加购物车", target: "结算", value: 200 },
-  { source: "结算", target: "完成购买", value: 150 },
+  { source: "Homepage Visit", target: "Product Page", value: 1000 },
+  { source: "Product Page", target: "Add to Cart", value: 300 },
+  { source: "Add to Cart", target: "Checkout", value: 200 },
+  { source: "Checkout", target: "Purchase Complete", value: 150 },
 ];
 
 export const funnelChartData = [
-  { category: "访问网站", value: 1000 },
-  { category: "浏览产品", value: 800 },
-  { category: "添加购物车", value: 600 },
-  { category: "开始结算", value: 400 },
-  { category: "完成购买", value: 300 },
+  { category: "Website Visit", value: 1000 },
+  { category: "Browse Products", value: 800 },
+  { category: "Add to Cart", value: 600 },
+  { category: "Start Checkout", value: 400 },
+  { category: "Complete Purchase", value: 300 },
 ];
 
-export const gaugeChartData = [{ name: "CPU使用率", value: 75 }];
+export const gaugeChartData = [{ name: "CPU Usage", value: 75 }];
 
 export const treemapChartData = [
   {
-    name: "技术部门",
+    name: "Technology Department",
     value: 100,
     children: [
-      { name: "前端", value: 40 },
-      { name: "后端", value: 60 },
+      { name: "Frontend", value: 40 },
+      { name: "Backend", value: 60 },
     ],
   },
   {
-    name: "业务部门",
+    name: "Business Department",
     value: 80,
     children: [
-      { name: "营销", value: 30 },
-      { name: "销售", value: 50 },
+      { name: "Marketing", value: 30 },
+      { name: "Sales", value: 50 },
     ],
   },
 ];
 
 export const sunburstChartData = [
   {
-    name: "公司",
+    name: "Company",
     value: 200,
     children: [
       {
-        name: "技术",
+        name: "Technology",
         value: 100,
         children: [
-          { name: "前端", value: 40 },
-          { name: "后端", value: 60 },
+          { name: "Frontend", value: 40 },
+          { name: "Backend", value: 60 },
         ],
       },
       {
-        name: "业务",
+        name: "Business",
         value: 100,
         children: [
-          { name: "销售", value: 60 },
-          { name: "营销", value: 40 },
+          { name: "Sales", value: 60 },
+          { name: "Marketing", value: 40 },
         ],
       },
     ],
   },
 ];
 
 export const heatmapChartData = [
-  { x: "周一", y: "9点", value: 5 },
-  { x: "周一", y: "10点", value: 8 },
-  { x: "周二", y: "9点", value: 3 },
-  { x: "周二", y: "10点", value: 7 },
-  { x: "周三", y: "9点", value: 9 },
-  { x: "周三", y: "10点", value: 6 },
+  { x: "Monday", y: "9 AM", value: 5 },
+  { x: "Monday", y: "10 AM", value: 8 },
+  { x: "Tuesday", y: "9 AM", value: 3 },
+  { x: "Tuesday", y: "10 AM", value: 7 },
+  { x: "Wednesday", y: "9 AM", value: 9 },
+  { x: "Wednesday", y: "10 AM", value: 6 },
 ];
 
 export const candlestickChartData = [
@@ -116,24 +116,24 @@ export const candlestickChartData = [
 ];
 
 export const boxplotChartData = [
-  { category: "A组", value: 10 },
-  { category: "A组", value: 12 },
-  { category: "A组", value: 15 },
-  { category: "A组", value: 18 },
-  { category: "A组", value: 20 },
-  { category: "B组", value: 8 },
-  { category: "B组", value: 11 },
-  { category: "B组", value: 14 },
-  { category: "B组", value: 16 },
-  { category: "B组", value: 22 },
+  { category: "Group A", value: 10 },
+  { category: "Group A", value: 12 },
+  { category: "Group A", value: 15 },
+  { category: "Group A", value: 18 },
+  { category: "Group A", value: 20 },
+  { category: "Group B", value: 8 },
+  { category: "Group B", value: 11 },
+  { category: "Group B", value: 14 },
+  { category: "Group B", value: 16 },
+  { category: "Group B", value: 22 },
 ];
 
 export const graphChartData = {
   nodes: [
-    { id: "node1", name: "节点1" },
-    { id: "node2", name: "节点2" },
-    { id: "node3", name: "节点3" },
-    { id: "node4", name: "节点4" },
+    { id: "node1", name: "Node 1" },
+    { id: "node2", name: "Node 2" },
+    { id: "node3", name: "Node 3" },
+    { id: "node4", name: "Node 4" },
   ],
   edges: [
     { source: "node1", target: "node2" },
@@ -144,41 +144,41 @@ export const graphChartData = {
 };
 
 export const parallelChartData = [
-  { name: "产品A", values: [4.2, 3.4, 2.3, 1.8] },
-  { name: "产品B", values: [3.8, 4.1, 3.2, 2.5] },
-  { name: "产品C", values: [2.9, 3.8, 4.1, 3.2] },
+  { name: "Product A", values: [4.2, 3.4, 2.3, 1.8] },
+  { name: "Product B", values: [3.8, 4.1, 3.2, 2.5] },
+  { name: "Product C", values: [2.9, 3.8, 4.1, 3.2] },
 ];
 
-export const parallelDimensions = ["价格", "质量", "服务", "价值"];
+export const parallelDimensions = ["Price", "Quality", "Service", "Value"];
 
 export const treeChartData = {
-  name: "根节点",
+  name: "Root Node",
   children: [
     {
-      name: "子节点1",
-      children: [{ name: "叶节点1" }, { name: "叶节点2" }],
+      name: "Child Node 1",
+      children: [{ name: "Leaf Node 1" }, { name: "Leaf Node 2" }],
     },
     {
-      name: "子节点2",
-      children: [{ name: "叶节点3" }, { name: "叶节点4" }],
+      name: "Child Node 2",
+      children: [{ name: "Leaf Node 3" }, { name: "Leaf Node 4" }],
     },
   ],
 };
 
 export const echartsOption = {
   title: {
-    text: "ECharts测试图表",
+    text: "ECharts Test Chart",
     left: "center",
     top: "2%",
   },
   tooltip: {},
   xAxis: {
-    data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
+    data: ["Shirt", "Sweater", "Chiffon", "Pants", "Heels", "Socks"],
   },
   yAxis: {},
   series: [
     {
-      name: "销量",
+      name: "Sales",
       type: "bar",
       data: [5, 20, 36, 10, 10, 20],
     },