Join us Sept 17 at .local NYC! Use code WEB50 to save 50% on tickets. Learn more >
MongoDB Event
Docs Menu
Docs Home
/
Atlas Charts
/ /

iframe으로 대시보드 임베드

iframe을 사용하여 웹 애플리케이션에 대시보드를 임베드하고 높이, 너비, 새로 고침 간격 및 표시 테마와 같은 설정을 지정할 수 있습니다.

인증(인증되지 않음)이 필요하지 않은 대시보드만 iframe 내에 임베드할 수 있습니다.

  • 대시보드 보드 임베딩을 활성화 하려면 대시보드 작성자 여야 합니다.

  • 새 대시보드 생성하기

1

대시보드 페이지에서 임베드할 대시보드를 선택합니다.

2

대시보드에서 다음을 클릭합니다. 을(를) 클릭하여 임베딩 정보에 액세스할 수 있습니다. 드롭다운 메뉴에서 Embed 를 선택합니다.

3

이 대시보드가 사용하는 데이터 소스에서 외부 공유를 이미 활성화한 경우 이 단계를 건너뜁니다. 아직 데이터 소스에서 임베딩을 활성화하지 않은 경우 지금 활성화할 수 있습니다. Configure 링크를 클릭합니다.

4
5
6

대시보드 뷰어가 데이터를 필터링할 수 있는 필드를 지정합니다. 기본적으로 필드는 지정되지 않으므로, 하나 이상의 필드를 명시적으로 허용할 때까지 대시보드를 필터링할 수 없습니다.

또는 Allow all fields in the data source used in this dashboard 를 선택하여 대시보드의 모든 필드를 지정할 수 있습니다.

필터링 가능한 필드에 대해 자세히 알아보려면 필터링 가능한 필드 지정을 참조하세요.

7

Iframe 패널을 선택하면 iframe 임베딩 코드가 표시되며 새로 고침 및 표시 테마 옵션을 설정할 수 있습니다.

8
  1. 내장된 대시보드를 로드하거나 새로 고칠 때 캐시에서 로드할 데이터의 최대 보관 기간을 지정합니다.

  2. 내장된 대시보드를 자동으로 새로 고침할지 여부를 지정합니다.

    무료 계층 사용자인 경우 자동 새로 고침 간격으로 새로운 4시간 옵션이 기본값 으로 선택됩니다.

  3. 내장된 대시보드의 Light 또는 Dark 표시 테마를 선택합니다.

  4. 대시보드 내 Atlas Charts의 너비를 고정할지, 아니면 포함된 대시보드에 맞게 Atlas Charts 너비를 조정할지 지정합니다.

  5. 대시보드 내 Atlas Charts 높이를 고정할지, 아니면 내장된 대시보드에 맞게 Atlas Charts 높이를 조정할지 지정합니다.

  6. 내장된 대시보드에 제목 및 설명을 표시할지 여부를 지정합니다.

9

iframe 임베딩 코드에는 대시보드의 기본 URL과 대시보드 ID, 설정한 옵션이 포함되어 있습니다.

10

iframe 코드를 수동으로 편집하여 높이, 너비, 테두리 반경 등 여러 다른 대시보드 옵션을 설정하다 수 있습니다. 자세한 학습 은 내장된 대시보드 모양 및 동작 옵션을 참조하세요.

설정한 옵션과 함께 iframe 코드가 준비되면 웹 페이지에 배치하여 대시보드를 표시할 수 있습니다.

돌아가기

대시보드 임베드