33 lines
1.1 KiB
Vue
33 lines
1.1 KiB
Vue
<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>
|