Translate all Chinese comments and strings to English

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/views/Discover/Performance/FreqChart.vue

@@ -42,19 +42,19 @@ x: {
     },
     ticks: {
     display: true,
-    maxRotation: 0, // 不旋轉 lable 0~50
+    maxRotation: 0, // Do not rotate labels (range: 0~50)
     color: '#64748b',
-    source: 'labels', // 依比例彈性顯示 label 數量
+    source: 'labels', // Dynamically display label count proportionally
     },
     border: {
     color: '#64748b',
     },
     grid: {
-    tickLength: 0, // 網格是否超過邊線
+    tickLength: 0, // Prevent grid lines from extending beyond the axis
     }
 },
 y: {
-    beginAtZero: true, // scale 包含 0
+    beginAtZero: true, // Scale includes 0
     title: {
     display: true,
     color: '#334155',
@@ -71,7 +71,7 @@ y: {
     color: '#64748b',
     },
     border: {
-    display: false, // 隱藏左側多出來的線
+    display: false, // Hide the extra border line on the left side
     },
 },
 };
@@ -128,7 +128,7 @@ const customizeScaleChartOptionTicks = (scaleObjectToAlter, ticksOfXAxis) => {
         ticks: {
           ...scaleObjectToAlter.x.ticks,
             callback: function(value, index) {
-              // 根據不同的級距客製化 x 軸的時間刻度
+              // Customize x-axis time ticks based on different intervals
               return ticksOfXAxis[index];
             },
         },
@@ -188,8 +188,8 @@ const getLineChartPrimeVueSetting = (chartData, content, pageName) => {
   let primeVueSetData = {};
   let primeVueSetOption = {};
 
-  // 考慮 chartData.data 的dimension
-  // 當我們遇到了 Compare 頁面的案例
+  // Consider the dimension of chartData.data
+  // When handling the Compare page case
   if(pageName === "Compare"){
     datasetsPrimary = chartData.data[0].data;
     datasetsSecondary = chartData.data[1].data;
@@ -199,7 +199,7 @@ const getLineChartPrimeVueSetting = (chartData, content, pageName) => {
         label: chartData.data[0].label,
         data: datasetsPrimary,
         fill: false,
-        tension: 0, // 貝茲曲線張力
+        tension: 0, // Bezier curve tension
         borderColor: colorPrimary,
         pointBackgroundColor: colorPrimary,
       },
@@ -207,7 +207,7 @@ const getLineChartPrimeVueSetting = (chartData, content, pageName) => {
         label: chartData.data[1].label,
         data: datasetsSecondary,
         fill: false,
-        tension: 0, // 貝茲曲線張力
+        tension: 0, // Bezier curve tension
         borderColor: colorSecondary,
         pointBackgroundColor: colorSecondary,
       }
@@ -220,7 +220,7 @@ const getLineChartPrimeVueSetting = (chartData, content, pageName) => {
         label: content.title,
         data: datasets,
         fill: false,
-        tension: 0, // 貝茲曲線張力
+        tension: 0, // Bezier curve tension
         borderColor: '#0099FF',
       }
     ];
@@ -254,17 +254,17 @@ const getLineChartPrimeVueSetting = (chartData, content, pageName) => {
       }
     },
     plugins: {
-      legend: false, // 圖例
+      legend: false, // Legend
       tooltip: {
         displayColors: true,
         titleFont: {weight: 'normal'},
         callbacks: {
           label: function(tooltipItem) {
-              // 取得數據
+              // Get the data
               const label = tooltipItem.dataset.label || '';
 
-              // 建立一個小方塊顯示顏色
-              return `${label}: ${tooltipItem.parsed.y}`; // 使用 Unicode 方塊表示顏色
+              // Build the tooltip label with dataset color indicator
+              return `${label}: ${tooltipItem.parsed.y}`; // Use Unicode block to represent color
           },
         },
       },
@@ -275,9 +275,9 @@ const getLineChartPrimeVueSetting = (chartData, content, pageName) => {
     scales: customizedScaleOption,
   };
 
-  primeVueSetOption.scales.y.ticks.precision = 0; // y 軸顯示小數點後 0 位
+  primeVueSetOption.scales.y.ticks.precision = 0; // Show 0 decimal places on y-axis
   primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
-    return value; //這裡的Y軸刻度沒有後綴代表時間的英文字母
+    return value; // Y-axis ticks here have no time unit suffix
   };
   primeVueSetDataState.value = primeVueSetData;
   primeVueSetOptionsState.value = primeVueSetOption;