mearge

pages/test/culture-graph-tab.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <PageDescription>
+      <h1>배양 그래프 (탭)</h1>
+      <div class="box">
+        <h2>1. 그래프 구성 및 기능</h2>
+        <ul>
+          <li>여러 개의 배양 그래프를 탭으로 전환하여 볼 수 있습니다.</li>
+          <li>각 탭은 독립적인 그래프를 표시합니다.</li>
+        </ul>
+      </div>
+      <div class="box">
+        <h2>2. 출력되는 데이터 개수</h2>
+        <ul>
+          <li>
+            탭 4개 × 시리즈 30개 × 1분 간격(100시간, 6,001포인트) =
+            <span class="highlight">각 탭당 180,030개</span>
+          </li>
+          <li>전체(4개 탭 합산): <span class="highlight">720,120개</span></li>
+          <li>
+            화면 초기 렌더링 시간은 약 300ms ~ 400ms 정도 소요되며, 탭
+            이동시에는 거의 딜레이 없이 화면이 출력되고 있습니다.
+          </li>
+        </ul>
+      </div>
+    </PageDescription>
+    <BatchTabs />
+  </div>
+</template>
+<script setup lang="ts">
+import BatchTabs from "~/components/BatchTabs.vue";
+</script>