<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/domain/culture-graph/BatchTabs.vue";
</script>
