Syncfusion Angular Dashboard Layout

Syncfusion대시보드 도구JavaScript

사용자 지정 가능한 Angular 구성 요소로 동적이고 반응형인 대시보드를 만드세요.

  • 구조화된 대시보드 패널 배치를 위한 그리드 기반 레이아웃.
  • 패널의 드래그, 크기 조정, 추가, 제거를 동적으로 지원합니다.
  • 패널 내 데이터 시각화를 위해 모든 UI 구성 요소를 통합할 수 있습니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Angular Dashboard Layout 제품 이미지
Syncfusion Angular Dashboard Layout는 대화형 대시보드를 구축할 수 있는 유연한 그리드 구조를 제공합니다. 이 패널은 동적 추가, 제거, 크기 조정, 재배치를 지원합니다. 모두 다양한 화면 해상도에 맞게 조정됩니다. 개발자는 그리드, 차트 또는 맵과 같은 UI 구성 요소를 포함하여 사용자 지정 가능한 대시보드 패널 내에서 데이터를 효과적으로 시각화할 수 있습니다.

그리드 구조 레이아웃

콘텐츠를 동일한 크기의 셀로 나누는 그리드와 유사한 구조를 제공하여 대시보드 패널을 체계적으로 배치할 수 있도록 합니다.

동적 패널 관리

유연한 대시보드 디자인을 위해 프로그램 방식과 런타임 모두에서 패널 추가, 제거, 크기 조정, 드래그 및 드롭을 지원합니다.

패널 콘텐츠로 모든 UI 구성 요소 지원

패널에는 데이터 그리드, 차트, 게이지, 맵 또는 복잡한 데이터 지표를 표시하기 위한 모든 HTML 요소와 같은 다양한 콘텐츠를 담을 수 있습니다.

플로팅 지원이 포함된 패널 자동 정렬

레이아웃의 빈 공간을 채우기 위해 패널을 자동으로 위쪽으로 재배치하여 대시보드 공간 활용을 최적화합니다.

반응형 및 적응형 디자인

iOS, Android, Windows 플랫폼을 지원하며 데스크톱, 스마트폰, 태블릿을 포함한 다양한 기기에서 대시보드가 최적으로 렌더링되도록 보장합니다.

사용자 지정 가능한 기본 제공 테마

Fluent, Tailwind CSS, Bootstrap, Material, Fabric 등의 여러 테마를 포함하며, 온라인 Theme Studio 도구를 통해 사용자 지정할 수 있습니다.

상태 유지

직렬화 메서드를 사용하여 현재 대시보드 레이아웃 구조를 저장하고 복원할 수 있게 하여 일관된 사용자 경험을 지원합니다.

포괄적인 API 및 쉬운 통합

간단한 구성과 API로 설계되어 Angular 애플리케이션에 원활하게 통합할 수 있으며, 방대한 문서와 데모로 지원됩니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular