데이터 시각화에 로컬 데이터 인스턴스 사용

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기2분

    • 미리 구성된 데이터 소스보다 데이터 소스를 더 세밀하게 제어하려면 로컬 데이터 인스턴스를 생성합니다. 그런 다음 로컬 데이터 인스턴스를 dataPassthrough 데이터 시각화의 속성에 바인딩합니다.

    시작하기 전에

    중요사항:
    이 절차는 고급 절차입니다. 로컬 데이터 인스턴스가 필요한지 또는 표준 데이터 소스를 사용할 수 있는지 신중하게 고려하십시오.

    계속하기 전에 을 검토하십시오 Dynamically expose data in UI Builder pages (advanced feature).

    필요한 역할: ui_builder_admin, admin

    프로시저

    1. 에서 UI 빌더기술 대시보드 또는 다른 UI 빌더 페이지를 엽니다.
    2. 데이터 및 스크립트 서랍의 데이터 리소스에서 + 데이터 리소스 추가를 선택합니다.

      아직 데이터 자원이 없는 경우 데이터 자원 추가 링크입니다.
    3. 데이터 자원 선택 창에서 데이터 시각화를 검색합니다.
      사용할 수 있는 데이터 자원을 선택할 수 있습니다.
      데이터 시각화를 위한 데이터 자원 선택
    4. 표시할 데이터 유형과 일치하는 데이터 자원을 선택합니다.
    5. 정보 창을 읽고 구성 상세 정보를 복사하거나 메모합니다.
    6. 추가를 선택합니다.
    7. 이 데이터 인스턴스를 사용하려는 시각화 유형에 필요한 구성 옵션을 완료합니다.
      동일한 데이터를 사용하려는 모든 시각화 유형에 대해 별도의 로컬 데이터 인스턴스를 생성하고 구성합니다. 예를 들어, 동일한 표시기의 점수를 표시하는 막대와 시계열을 사용하려는 경우 막대 및 시계열 시각화에 대해 각각 하나씩, 그러나 둘 다 동일한 표시기에 두 개의 로컬 데이터 인스턴스를 생성합니다.
      팁:
      데이터 시각화를 페이지에 추가하고 해당 구성 패널을 로컬 데이터 인스턴스의 옵션과 비교할 수 있습니다.
    8. 이 데이터 소스에 대한 @data 데이터 바인딩을 복사합니다.

      복사 단추가 있는 데이터 소스에 대한 @data 참조입니다.
    9. 원하는 데이터 시각화 구성요소를 페이지에 추가합니다.
    10. 해당 데이터 시각화의 구성 패널에 있는 데이터 소스 섹션에서 수동으로 데이터 정의를 켭니다.
    11. 데이터 필드에 대해 데이터 바인딩 또는 스크립트 사용을 선택합니다.

      데이터 필드에 대한 데이터 바인딩 옵션입니다.
    12. 데이터에 데이터 바인딩 대화 상자의 데이터 유형에서 데이터 리소스를 선택합니다.
    13. 이 영역에 데이터 출력 추가 섹션을 두 번 클릭하고 로컬 데이터 인스턴스에 데이터 바인딩을 파란색 상자에 붙여넣습니다.
    14. 데이터 바인딩의 끝에 .output.result 를 추가합니다.
      예를 들어 완료된 데이터는 로컬 데이터 인스턴스 data_visualization_api_for_table_data_source_1에 대한 바인딩이 @data.data_visualization_api_for_table_data_source_1.output.result입니다.
      data_visualization_api_for_table_data_source_1에 대한 데이터 자원 바인딩을 보여주는 데이터에 데이터 바인딩 대화 상자.
    15. 적용을 선택합니다.

    결과

    로컬 데이터 인스턴스를 생성하고 이를 데이터 시각화에 바인딩했습니다. 이제 데이터 시각화 구성을 완료할 수 있습니다.