다음을 통해 공유


2단원: 꺾은선형 차트 및 스파크라인 차트 추가(SSRS)

이 단원에서는 AdventureWorks의 영업 사원이 다음과 같은 질문에 대해 손쉽게 답을 찾을 있도록 Employee_Sales_Summary_2008R2 보고서에 보고서 항목을 추가하는 방법을 배웁니다.

  • 어떻게 계절별 판매량을 이전 연도의 판매량과 비교할 수 있습니까?

행렬에 포함된 꺾은선형 차트 및 스파크라인 차트를 추가하여 EmployeeSalesYearOverYear2008R2 데이터 집합의 전년동기대비 판매 데이터를 시각화합니다.

학습 내용

이 단원에서는 다음 태스크를 수행합니다.

  • 지난 몆 년 간의 월별 판매량을 꺾은선형 차트에 표시합니다.

  • 중첩된 스파크라인 차트를 추가하여 행렬의 동일한 데이터를 시각화합니다.

  • 동일한 색이 동일한 연도를 나타내도록 각 차트의 선 색을 제어하는 사용자 지정 코드를 추가합니다.

  • 설명 텍스트, 꺾은선형 차트 및 행렬을 위한 사각형 컨테이너를 추가합니다.

  • 시나리오 텍스트의 단어에서 해당 데이터 영역으로 연결되는 책갈피를 추가합니다.

이 자습서에 소요되는 예상 시간: 15분

요구 사항

요구 사항에 대한 자세한 내용은 AdventureWorks 2008R2 예제 보고서의 사전 요구 사항(SSRS)을 참조하십시오.

이 단원을 수행하려면 이전 단원인 1단원: 공유 데이터 집합 만들기 및 보고서 매개 변수 구성(SSRS)를 완료해야 합니다.

먼저 디자인 화면에서 데이터 영역을 구성한 후 이를 사각형에 추가하는 방법에 대한 팁을 검토하십시오. 자세한 내용은 보고서 디자인 팁(보고서 작성기 3.0 및 SSRS)을 참조하십시오.

프로젝트 및 보고서를 열려면

  1. 이전 단원에서 만든 보고서 서버 프로젝트 AdventureWorks 2008R2 예제 보고서를 Business Intelligence Development Studio에서 엽니다.

  2. Employee_Sales_Summary_2008R2 보고서를 엽니다.

차트 공간을 확보하기 위해 보고서 높이를 확장하려면

  1. 매개 변수, 데이터 원본 및 데이터 집합에 대한 정보 텍스트가 포함된 사각형을 선택합니다.

  2. 아래쪽 화살표 키를 눌러 사각형을 페이지 아래쪽으로 이동합니다. 보고서의 높이가 자동으로 늘어납니다.

  3. 필요한 경우 보고서 도구 모음의 확대/축소를 사용하여 보고서 디자인 영역의 보기를 조정합니다.

꺾은선형 차트를 추가하고 구성하려면

  1. 시나리오 입력란 아래에 차트를 삽입합니다.

  2. 차트 종류 선택에서 도구 설명을 사용하여 꺾은선형 차트를 선택합니다.

  3. 차트를 보고서 왼쪽에서 토글이 있는 입력란 아래쪽으로 끕니다. Ctrl+화살표 키를 사용하여 차트를 올바른 위치로 조금씩 이동합니다.

  4. 차트가 선택되었으며 속성 창에 차트 속성이 나타나는지 확인합니다.

  5. Shift+화살표 키를 사용하여 차트의 너비 및 높이를 약 3.75in로 확장합니다. 속성 창에서 크기를 확장하여 높이 및 너비를 확인합니다.

  6. EmployeeSalesYearOverYear2008R2 데이터 집합에서 다음을 수행합니다.

    1. 차트 데이터 창에서 Sales를 으로 끕니다. 그러면 세로 축이 정의됩니다.

    2. Month 를 범주 그룹으로 끕니다. 그러면 가로 축이 정의됩니다.

    3. 차트 데이터 창에서 Month를 마우스 오른쪽 단추로 클릭하여 범주 그룹 속성을 구성합니다. 정렬 페이지에서 MonthNumber를 기준으로 정렬합니다. 그러면 가로 축의 정렬 순서가 제어됩니다.

    4. Year 를 계열 그룹으로 끕니다. 그러면 각 연도에 대해 선이 하나씩 추가됩니다.

  7. 계열이 선택될 때까지 차트를 마우스 오른쪽 단추로 클릭하고 계열 속성을 엽니다.

  8. 테두리 페이지에서 다음을 수행합니다.

    1. 선 스타일실선으로 설정합니다.

    2. 선 두께를 2pt로 설정합니다.

선 색은 기본 색상표에서 자동으로 할당됩니다. 색은 계열 그룹의 정렬 순서에 따라 할당됩니다.

차트 제목 및 축을 구성하려면

  1. 차트 제목을 Yearly Sales Comparison으로 변경합니다.

  2. 계열 범례의 위치를 가로 축의 아래쪽으로 변경합니다.

  3. 가로 축 제목을 삭제합니다.

  4. 세로 축의 제목을 In Thousands로 변경합니다.

  5. 세로 축 속성을 엽니다. 다음을 수행합니다.

    1. 숫자 페이지의 범주에서 통화를 클릭합니다.

    2. 소수 자릿수를 0으로 설정합니다.

    3. 1000 단위 구분 기호 사용을 선택합니다.

    4. 값 표시 단위를 선택하고 을 선택합니다.

  6. 가로 축 속성을 엽니다. 축 옵션 페이지에서 다음을 수행합니다.

    1. 축 유형에서 **스칼라(숫자/날짜)**를 선택합니다.

    2. 간격을 1로 변경합니다.

  7. 레이블 페이지에서 자동 맞춤 사용 안 함을 선택하고 **레이블 회전 각도(도)**를 45로 설정합니다.

  8. 숫자 페이지에서 범주날짜로 설정하고 유형*1/31/2000으로 설정합니다.

행렬을 추가하려면

  1. 꺾은선형 차트 아래쪽에 행렬을 삽입합니다.

  2. 행렬의 왼쪽을 꺾은선형 차트의 왼쪽과 맞춥니다.

  3. EmployeeSalesYearOverYear 데이터 집합에서 다음을 수행합니다.

    1. Year 를 으로 끕니다.

    2. Sales 를 데이터로 끕니다. 입력란의 서식을 통화로 지정합니다.

    3. 필요에 맞게 머리글 행의 서식을 지정합니다.

  4. 행렬을 선택합니다. 속성 창에서 책갈피를 MatrixwithNestedSparkline으로 설정합니다.

  5. 필요에 맞게 행렬 머리글의 서식을 지정합니다.

중첩된 스파크라인을 테이블릭스 셀에 추가하려면

  1. 행렬에서 Sales 열을 마우스 오른쪽 단추로 클릭하고 열 삽입을 가리킨 다음 외부 그룹 - 오른쪽을 클릭합니다.

  2. 열 핸들을 잡고 차트 오른쪽에 맞게 너비를 확장합니다.

  3. 두 번째 행의 마지막 셀을 마우스 오른쪽 단추로 클릭하고 삽입을 가리킨 다음 스파크라인을 클릭합니다. 그런 다음 도구 설명을 사용하여 표식이 있는 꺾은선형을 추가합니다.

  4. 스파크라인 차트를 구성하려면 다음을 수행합니다.

    1. EmployeeSalesYearOverYear 데이터 집합에서 Sales를 으로 끕니다.

    2. Month 를 범주 그룹으로 끕니다.

    3. Month 를 마우스 오른쪽 단추로 클릭하여 범주 그룹 속성 대화 상자를 엽니다.

    4. 일반 페이지의 다음 위치의 그룹 동기화에서 Tablix1을 선택합니다. 각 스파크라인에 대한 범주 축에는 각 행에 대한 그룹 데이터 대신 행렬의 모든 그룹 데이터를 기반으로 동일한 최소값과 최대값이 사용됩니다.

    5. 정렬 페이지에서 정렬 기준 식을 [MonthNumber]로 설정합니다.

중첩된 스파크라인의 경우 범위에 계열 그룹이 하나만 있으므로 각 선의 색은 기본 색상표의 첫 번째 색에 따라 결정됩니다.

다음 단계에서는 그룹 식을 기반으로 계열 그룹에 할당된 색의 순서를 제어하는 사용자 지정 코드를 추가합니다. 이렇게 하면 꺾은선형 차트와 스파크라인 차트 모두에서 각 연도에 대한 선 색이 동일하게 됩니다.

꺾은선형 차트와 스파크라인의 선 색이 일치하도록 설정하려면

  1. 보고서 속성의 코드 페이지에서 보고서에 다음 사용자 지정 코드를 추가합니다.

    Private colorPalette As String() = {"Blue", "Orange", "Green"}
        Private count As Integer = 0
        Private mapping As New System.Collections.Hashtable()
        Public Function GetColor(ByVal groupingValue As String) As String
           If groupingValue = Nothing Then 
              Return "Black" 
           End If
            If mapping.ContainsKey(groupingValue) Then
                Return mapping(groupingValue)
            End If
            Dim c As String = colorPalette(count Mod colorPalette.Length)
            count = count + 1
            mapping.Add(groupingValue, c)
            Return c
        End Function
    

    이 예에서는 3년 간의 데이터만 있으므로 3개의 색만 정의됩니다.

  2. 꺾은선형 차트에서 속성 창에 차트 계열이 나타날 때까지 선을 마우스 오른쪽 단추로 클릭한 다음 계열 속성을 클릭합니다.

  3. 채우기 페이지의 에서 다음 식을 입력합니다.

    =IIF(Fields!Year.Value IS NOTHING,"Black",Code.GetColor(Fields!Year.Value))

  4. 스파크라인 차트에 대해 2단계와 3단계를 반복합니다.

  5. 보고서를 미리 봅니다.

꺾은선형 차트와 스파크라인 모두에서 각 연도에 대한 선 색이 동일합니다.

사각형 컨테이너를 추가하려면

  1. 보고서 본문을 마우스 오른쪽 단추로 클릭하고 삽입을 가리킨 다음 사각형을 클릭합니다.

  2. 사각형 속성에서 이름을 rectCharts로 변경합니다.

  3. 다음 텍스트를 포함하는 tbChartPurpose라는 입력란을 사각형에 추가합니다. Compare seasonal sales by year

  4. 필요에 맞게 서식을 지정합니다.

  5. 꺾은선형 차트를 선택합니다. 차트의 왼쪽 위 모퉁이를 사각형으로 끕니다. 사각형이 차트를 포함하도록 확장됩니다.

  6. 사각형의 아래쪽 핸들을 잡고 아래쪽으로 끕니다. 사각형을 선택하려면 차트를 클릭한 다음 속성 창 도구 모음에 Rectangle1이 선택된 개체로 표시될 때까지 Esc 키를 누릅니다.

  7. 행렬의 왼쪽 위 모퉁이를 차트 아래의 사각형으로 끕니다.

  8. 차트와 행렬을 사각형 안에 배치합니다.

  9. 사각형에 대한 속성 창에서 책갈피를 YearlySalesRectangle로 설정합니다.

  10. 사각형을 토글 입력란 아래쪽으로 이동합니다.

사각형을 컨테이너로 사용하면 여러 관련 보고서 항목을 보다 쉽게 배치할 수 있습니다.

텍스트에서 책갈피로 연결되는 링크를 추가하려면

  1. 모든 텍스트가 나타날 때까지 tbScenario 입력란을 클릭합니다.

  2. line이라는 단어를 강조 표시하고 마우스 오른쪽 단추를 클릭하여 텍스트 속성 대화 상자를 엽니다.

  3. 글꼴 페이지에서 파랑으로 설정하고 효과밑줄로 설정합니다.

  4. 동작 페이지에서 책갈피로 이동을 클릭합니다.

  5. 책갈피 선택에서 YearlySalesRectangle을 입력합니다.

  6. sparkline이라는 단어에 대해 2단계부터 4단계까지 반복합니다.

  7. 책갈피 선택에서 MatrixwithNestedSparkline을 입력합니다.

보고서를 미리 보고 확인하려면

  1. 보고서를 미리 봅니다.

  2. 다음을 확인합니다.

    1. 사각형 컨테이너에서 중첩된 스파크라인이 있는 행렬, 꺾은선형 차트 및 레이블이 너비가 같고 서로 맞춰져 있습니다.

    2. 꺾은선형 차트와 스파크라인 차트 모두에 동일한 데이터가 표시됩니다. 예를 들어 2005년도 판매량은 해당 연도의 하반기에만 나타납니다.

    3. 꺾은선형 차트와 스파크라인에서 연도별 판매 데이터를 보여 주는 선 색이 2005년은 파랑, 2006년은 주황 그리고 2007년은 녹색으로 표시됩니다.

    4. 시나리오 텍스트를 토글한 다음 line을 클릭합니다. 보고서에서 꺾은선형 차트가 있는 사각형이 포함된 페이지로 이동됩니다.

    5. 보고서 맨 위로 스크롤합니다. 시나리오 텍스트에서 sparkline을 클릭합니다. 보고서에서 중첩된 스파크라인이 있는 행렬이 포함된 페이지로 이동됩니다.