Syncfusion JavaScript Dashboard Layout

Syncfusion대시보드 도구JavaScript

드래그 앤 드롭 지원으로 동적이고 반응형인 대시보드를 설계하세요.

  • 그리드 기반 레이아웃과 사용자 지정 가능한 패널로 대시보드를 구축할 수 있습니다.
  • 패널의 드래그 앤 드롭, 크기 조정, 재정렬, 실시간 편집을 지원합니다.
  • 차트, 그리드, 게이지, 맵과 같은 데이터 시각화를 통합합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion JavaScript Dashboard Layout 제품 이미지
Syncfusion JavaScript Dashboard Layout은 대시보드를 위한 유연한 그리드 구조의 레이아웃을 제공하여 IT 전문가가 패널을 인터랙티브하게 배치, 크기 조정, 재정렬할 수 있게 합니다. 차트와 맵을 포함한 다양한 UI 구성 요소의 임베딩을 지원하여, 다양한 디바이스와 해상도에 맞는 적응형 대시보드를 쉽게 만들 수 있습니다.

그리드 구조의 레이아웃 관리

대시보드를 사용자 지정 가능한 그리드 열과 행으로 나누어, 정의된 위치와 크기에 따라 패널을 정밀하게 배치할 수 있게 합니다.

인터랙티브 패널

대시보드 내 패널은 크기 조정, 드래그, 재정렬이 가능하여 간단한 사용자 상호작용으로 동적인 레이아웃 조정이 가능합니다.

콘텐츠 통합

패널에는 데이터 그리드, 차트, 맵, 게이지, 사용자 지정 HTML 요소 등 매우 다양한 콘텐츠를 배치할 수 있어 포괄적인 데이터 시각화를 지원합니다.

반응형 및 적응형 디자인

반응형 레이아웃을 지원하여 데이터나 기능의 손실 없이 다양한 디바이스와 화면 크기에서 대시보드가 올바르게 표시되도록 합니다.

실시간 레이아웃 편집

패널 추가, 제거, 크기 조정과 같은 대시보드의 실시간 변경을 허용하여 신속한 프로토타이핑과 사용자 지정을 가능하게 합니다.

헤더 및 작업 지원

패널에는 사용자 지정 가능한 헤더와 버튼이나 메뉴와 같은 작업 요소를 포함할 수 있어 상호작용성과 제어 기능을 향상합니다.

모듈식 가져오기 및 초기화

npm 패키지에서 모듈식 가져오기를 통해 통합되므로 필요한 기능만 포함하고 번들 크기를 최적화하기가 쉽습니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vanilla JavaScript