다음을 통해 공유

대상 데이터 필드를 기준으로 시각적 개체 정렬

Power BI에서는 시각적 개체를 다른 데이터 필드별로 정렬하여 시각적 개체의 모양을 변경할 수 있습니다. 시각적 개체를 정렬하는 방법을 변경하여 전달하려는 정보를 강조 표시할 수 있습니다. 숫자 데이터(예: 판매 수치) 또는 텍스트 데이터(예: 상태 이름)를 사용하든 관계없이 원하는 대로 시각적 개체를 정렬할 수 있습니다. Power BI는 정렬에 많은 유연성과 사용할 수 있는 빠른 메뉴를 제공합니다. 자세한 내용은 Power BI 보고서에서 차트 정렬 방법 변경을 참조하세요.

옵션 메뉴가 열려 있고 정렬 명령이 강조 표시된 Power B I 시각적 개체를 보여 주는 스크린샷

visual.sortBy API를 사용하여 데이터 필드 중 하나를 기준으로 시각적 개체를 정렬하는 방법을 변경할 수 있습니다. 정렬 방향을 제어할 수도 있습니다.

시각적 개체를 정렬하는 방법

Power BI 클라이언트 VisualDescriptor 클래스는 sortBy 메서드를 다음과 같이 정의합니다.

visual.sortBy(request: ISortByVisualRequest): Promise<void>

ISortByVisualRequest 인터페이스에는 정렬 요청에 대한 정의가 포함됩니다.

export interface ISortByVisualRequest {
    orderBy: ITarget;
    direction: SortDirection;
}

  • orderBy정렬의 대상 데이터 필드입니다. 시각적 개체를 정렬할 수 있는 데이터 필드는 시각적 개체의 옵션 메뉴 정렬 기준 메뉴 명령에 있습니다. 대상을 사용하여작업할 데이터 필드를 선택하는 대해 자세히 알아봅니다.

    옵션 메뉴가 열려 있고 '정렬 기준' 하위 메뉴가 확장된 Power B I 시각적 개체를 보여 주는 스크린샷

  • 방향정렬 방향입니다. SortDirection 열거형은 정렬 방향을 Ascending 또는 Descending정의합니다.

    enum SortDirection {
    Ascending = 1,
    Descending = 2,
}

본보기

보고서의 페이지를 얻으려면 활성 페이지를 찾아 시각적 개체를 가져옵니다. 시각적 개체는 고유한 이름 VisualContainer1 있으며 Total Category Volume 테이블에서 측정값을 SalesFact 따라 내림차순으로 정렬됩니다.

let pages = await report.getPages();

// Retrieve active page
var activePage = pages.find(function (page) { return page.isActive });

let visuals = await activePage.getVisuals();

// Retrieve target visual (replace "VisualContainer1" with requested visual name)
var visual = visuals.find(function (visual) { return visual.name === "VisualContainer1" });

const request = {
    // Set the target data field of the sort
    orderBy: {
        table: "SalesFact",
        measure: "Total Category Volume"
    },
    direction: models.SortDirection.Descending
};

await visual.sortBy(request);

열 대상별로 시각적 개체를 정렬하려면 다음을 수행합니다.

const request = {
  // Set the target data field of the sort
    orderBy: {
        table: "Store",
        column: "Name"
    },
    direction: models.SortDirection.Ascending
};

await visual.sortBy(request);

관련 콘텐츠

  • Last updated on