고성능 차트 엔진 위에서
수만 태그가 부드럽게.
Tens of thousands of tags,
smooth on Chart engine.
차트 엔진 v11 · 웹 스택으로 구축된 웹 트렌드 엔진. 프리셋 14종 · 자유 구간 · 마우스 확대 · 드래그 이동 · 다중 Y축 3모드 · 과거 운전 오버레이. BestFit 자동 감축과 적응형 EMA 스로틀로 저사양 클라우드 PC 에서도 조작이 부드럽고, 15초 자동 저장 로 세션이 끊겨도 안전합니다. The web trend engine built on Chart engine v11, UI components, and Timezone lib. 14 range presets, free selection, mouse zoom, drag-to-pan, three multi Y-axis modes, and historical overlays. BestFit auto-reduction with adaptive throttling keeps interaction smooth on low-spec cloud PCs, and a 15-second auto-draft protects your work through session drops.
웹 트렌드 엔진의
8가지 기능.
Eight capabilities
of the web trend engine.
시간 탐색 · 태그 · 다중 Y축 · 과거 겹침 · 통계 · 저장 · 대용량 최적화 · 내보내기 — 실사용 워크플로우 그대로 반영된 8가지 기능. Time navigation, tag explorer, multi Y-axis, overlay, statistics, drafts, big-data tuning, and export — the eight capabilities shaped by daily use.
시간 탐색 · BestFitTime navigation · BestFit
프리셋 14종(10m/30m/1h/2h/4h/8h/12h/1d/2d/7d/30d/120d/1y/2y) + 일시 선택기 자유 구간. 마우스 휠 zoom · Shift 드래그 pan · Shift+R 리셋. BestFit 이 구간 길이에 맞춰 조회 인터벌을 자동 조정해, 긴 구간도 화면에 맞는 밀도로 빠르게 표시.14 range presets (10m/30m/1h/2h/4h/8h/12h/1d/2d/7d/30d/120d/1y/2y) plus Datetime picker for free selection. Wheel zoom, Shift-drag pan, Shift+R reset. BestFit auto-tunes the query interval to the range, so even long spans render fast at screen-fit density.
- Auto Shift · Apply current time(Shift+C)Auto Shift · Apply current time (Shift+C)
- 앞/뒤 시프트 화살표 · pan 잠금Prev/next shift arrows · pan lock
태그 탐색기Tag explorer
계층 트리 계층 + 이름 검색(태그 이름 검색). 최근 태그 10개(localStorage), 즐겨찾기 탭, HTML5 Drag & Drop 으로 차트에 즉시 추가. 팝업(태그 탐색기 팝업) 에서 Math expression Copy/Apply.Hierarchy tree hierarchy + name search (Tag name search). Recent-10 (localStorage), favorites tab, HTML5 drag-and-drop straight into the chart. Popup (Tag explorer popup) supports Math expression copy/apply.
- 공장별 공장 코드 / RTDB 호스트 자동 라우팅Per-plant Plant code / RTDB auto-routing
- 폴더 · 태그 CRUD (탐색기 편집 API)Folder / tag CRUD (Explorer edit API)
Multi Y-Axis 3모드Multi Y-Axis · 3 modes
Common scale(Shift+S), One-Y(Shift+Z), All-Y(Shift+A). 태그별 Y축 · 색상(팔레트 50색) · 선 굵기 개별 설정. 축 min/max 잠금(축 잠금) 으로 zoom 시에도 스케일 유지.Common scale (Shift+S), One-Y (Shift+Z), All-Y (Shift+A). Per-tag Y-axis, color (50-color palette), and line weight. Axis min/max lock (Axis lock) preserves scale through zoom.
- Multi Trend iframe 분할 레이아웃Multi-trend iframe split layout
- 태그 소프트 상한 20 · 상한 없음Soft cap 20 · no hard cap
과거 운전 오버레이Historical overlay
태그별 기간(시작/종료) 로 과거 운전을 현재 차트 위에 겹침. 원클릭 프리셋 1d/1w/1m/3m/1y 로 이전 기간 이동, 태그마다 별도 xAxis(별도 축 채널) 로 정확한 시각 매핑.Overlay past operation onto the live chart using per-tag Period (start/end). One-click 1d/1w/1m/3m/1y shift; each tag gets its own xAxis (Dedicated axis channel) for precise time mapping.
- 기간 오프셋 · 배치 시작 정렬Period offset · batch-start align
- 색상 강조 · 오버레이 태그 구분Color emphasis · overlay tag distinction
통계 (Box + Bellcurve)Statistics (box + bellcurve)
min / q1 / median / q3 / max, mean · std · CV 를 즉시 계산해 박스플롯 으로 시각화. Bellcurve / Histogram 모듈로 분포 곡선 오버레이. 지정 구간 통계, Capsule 분석의 알람 peak 값 표시까지 지원.min / q1 / median / q3 / max, mean, std, CV computed instantly and shown as a Box plot. Bellcurve / histogram modules overlay distribution curves; range statistics and Capsule-analysis alarm peaks are supported.
- boxplot · Median filter · BellcurveBoxplot · median filter · bellcurve
- 지정 구간 통계 · 알람 peakSelection stats · alarm peak
My Trend · 자동 DraftMy Trend · auto draft
트렌드 저장소 에 개인 · 공용 트렌드 저장(저장·불러오기 프로시저). Draft 는 15초 자동 저장 자동 저장(임시 저장 API), 60일 자동 정리. 새로고침 · 세션 만료 · 창 닫힘에도 상태 복원.Personal & shared trends saved in Trend store (Trend save/load API). Drafts auto-save every 15 seconds (Draft upsert API) with 60-day cleanup. Survives refresh, session expiry, and window close.
- 사용자 × 화면 컨텍스트 1벌One draft per user × screen context
- URL draftOn=1 화면별 활성Per-screen opt-in (URL draftOn=1)
대용량 최적화 · Auto ShiftBig-data tuning · Auto Shift
BestFit 자동 감축 + 적응형 EMA(45ms 임계) 스로틀로 저사양 클라우드 PC 에서도 zoom / pan 프레임 드롭 없음. Auto Shift 는 tail 자동 이동, visibilitychange 감지로 백그라운드 탭 복귀 시 catch-up. 데이터 기반 소수점 자동 검출.BestFit auto-reduction plus adaptive EMA (45 ms threshold) throttling — zoom and pan stay smooth on low-spec cloud PCs. Auto Shift tails live; visibilitychange triggers catch-up when the tab returns. Decimal places auto-detected from data.
- 소수점 기본값 · 뱃지 클릭 적용Decimal default · click-to-apply badge
- RTDB fetch 호스트 채널 분리Per-chart RTDB host channel
Export · Copy to ClipboardExport & clipboard copy
우클릭 컨텍스트 메뉴 → Excel(xlsx, 엑셀 엔진, RAW_Data_yyyyMMdd_HHmmss). 차트 이미지는 Shift+P 로 클립보드 복사(캡처 엔진 → 클립보드 API). 대용량은 zip 자동 묶음.Right-click menu → Excel (xlsx via Excel engine, RAW_Data_yyyyMMdd_HHmmss). Chart image copies to clipboard on Shift+P (Capture engine → Clipboard API). Large exports auto-zipped.
- 자동 압축 · 셀 서식 유지Auto compression, cell formats
- Reset · Zoom · Copy 우클릭 통합Reset · zoom · copy in one menu
초당 수천 건 요청,
수만 포인트 부드럽게.
Thousands of requests,
tens of thousands of points.
웹 트렌드 엔진 · 15초 자동 저장
· 차트 엔진 v11
Web trend engine · 15-second auto-save
· Chart engine v11
차트 엔진 v11 · 웹 스택으로 구축된 웹 트렌드 엔진. RTDB 는 차트별 포트 채널로 분리하여 병렬 fetch, BestFit 자동 감축과 EMA 스로틀로 부드러운 확대·축소. Draft 는 15초마다 서버 자동 저장(60일 자동 정리) 으로 세션이 끊겨도 안전. A web trend engine built on Chart engine v11, UI components, and Timezone lib. RTDB fetches split across per-chart channels for parallel throughput; BestFit auto-reduction with EMA throttling keeps zoom and pan smooth. Drafts save server-side every 15 seconds (60-day cleanup) so a dropped session never loses work.