refactor NavBar.vue

src/views/Discover/Performance/FreqChart.vue

@@ -85,7 +85,6 @@ export default {
   }, 
   setup(props) {
 
-    const customizedScaleOption = computed(() => {});
     const primeVueSetDataState = ref(null);
     const primeVueSetOptionsState = ref(null);
     const colorPrimary = ref('#0099FF');
@@ -123,7 +122,7 @@ export default {
             ticks: {
               ...scaleObjectToAlter.x.ticks,
                 callback: function(value, index) {
-                  // console.log('根據不同的級距客製化 x 軸的時間刻度');
+                  // 根據不同的級距客製化 x 軸的時間刻度
                   return ticksOfXAxis[index];
                 },
             },
@@ -173,13 +172,9 @@ export default {
       let datasetsSecondary; // For Compare page case
       let minX = chartData?.x_axis?.min;
       let maxX = chartData?.x_axis?.max;
-      let maxY = chartData?.y_axis?.max;
       let xData;
       let primeVueSetData = {};
       let primeVueSetOption = {};
-      const getMoment = (time)=> {
-        return Moment(time).format('YYYY/M/D hh:mm:ss')
-      };
 
       // 考慮 chartData.data 的dimension
       // 當我們遇到了 Compare 頁面的案例
@@ -253,11 +248,8 @@ export default {
             titleFont: {weight: 'normal'},
             callbacks: {
               label: function(tooltipItem) {
-                  // 取得顏色
-                  const color = tooltipItem.dataset.borderColor;
                   // 取得數據
                   const label = tooltipItem.dataset.label || '';
-                  const value = tooltipItem.raw || '';
 
                   // 建立一個小方塊顯示顏色
                   return `${label}: ${tooltipItem.parsed.y}`; // 使用 Unicode 方塊表示顏色

src/views/Discover/Performance/index.vue

@@ -118,7 +118,6 @@
                 <ul>
                   <li class="bg-neutral-10 mb-4 p-1 border border-neutral-300 rounded">
                     <span class="block font-bold text-sm leading-loose text-center my-2">{{ contentData.freq.title }}</span>
-                    <!-- <Chart type="line" :data="freqData" :options="freqOptions" class="h-96" /> -->
                     <FreqChart v-if="performanceData" :chartData="performanceData?.freq?.cases" :content="contentData?.freq" yUnit="count"
                       pageName="Performance"
                     />