Поделиться через

  • Статья

Занятие 2. Добавление графиков и спарклайн-графиков (SSRS)

На этом занятии описывается добавление в отчет Employee_Sales_Summary_2008R2 элементов отчета, которые позволяют определить ответ на следующий вопрос менеджера по продажам компании AdventureWorks:

  • Как выглядят мои сезонные продажи по сравнению с продажами за предыдущие годы?

Здесь будут добавлены графики и спарклайн-графики, внедренные в матрицу, для визуализации данных по продажам за ряд лет из набора данных EmployeeSalesYearOverYear2008R2.

Обзор учебника

На этом занятии будут выполнены следующие задачи.

  • Отображение на графике продаж за каждый месяц нескольких лет.

  • Визуализируйте эти же данные в матрице путем добавления вложенного спарклайн-графика.

  • Добавление пользовательского кода, управляющего цветами линий всех графиков таким образом, чтобы определенный цвет соответствовал определенному году.

  • Добавьте прямоугольный контейнер для добавления пояснительного текста, графика и матрицы.

  • Добавьте закладку, ведущую от слов в тексте сценария к соответствующей области данных.

Предполагаемое время выполнения заданий учебника: 15 минут.

Системные требования

Дополнительные сведения о требованиях см. в разделе Предварительные требования для образцов отчетов AdventureWorks 2008R2 (SSRS).

Прежде чем приступать к этому занятию, необходимо сначала пройти предыдущий учебник, Занятие 1. Создание общих наборов данных и настройка параметров отчета (SSRS).

Советы

Сначала просмотрите советы по настройке областей данных в области конструктора, затем по добавлению их в прямоугольники. Дополнительные сведения см. в разделе Советы по проектированию отчетов (построитель отчетов версии 3.0 и службы SSRS).

Открытие проекта и отчета

  1. В среде Business Intelligence Development Studio откройте образцы отчетов AdventureWorks 2008R2 в проекте сервера отчетов, созданные на предыдущем занятии.

  2. Откройте отчет Employee_Sales_Summary_2008R2.

Развертывание отчетов по высоте для выделения пространства для диаграмм

  1. Выберите прямоугольник, содержащий пояснительный текст о параметрах. источниках данных и наборах данных.

  2. Нажмите кнопку со стрелкой вниз, чтобы переместить прямоугольник вниз по странице. Высота отчета будет автоматически увеличена.

  3. Если необходимо, используйте параметр Масштаб на панели инструментов Отчет, чтобы настроить отображение области конструирования отчета.

Добавление и настройка графика

  1. Прямо под текстовыми полями сценария вставьте Диаграмма.

  2. В области Выбор типа диаграммы используйте подсказку, чтобы выбрать График.

  3. Перетащите диаграмму в левую часть отчета, под текстовое поле с переключателем. Для перемещения диаграммы в необходимое положение используйте CTRL+клавиши со стрелками.

  4. Убедитесь, что диаграмма выбрана, а свойства диаграммы отображаются на панели «Свойства».

  5. Используйте SHIFTL+клавиши со стрелками, чтобы растянуть диаграмму по ширине и высоте приблизительно до 9,5 см (3,75 дюймов). На панели «Свойства» разверните Размер, чтобы проверить высоту и ширину.

  6. В наборе данных EmployeeSalesYearOverYear2008R2 выполните следующие действия.

    1. Перетащите Sales в Значения на панели «Данные диаграммы». При этом будет определена вертикальная ось.

    2. Перетащите Month в Группы категорий. При этом будет определена горизонтальная ось.

    3. На панели «Данные диаграммы» щелкните правой кнопкой Month, чтобы настроить Свойства группы категорий. На странице Сортировка выполните сортировку по MonthNumber. Это определит порядок сортировки по горизонтальной оси.

    4. Перетащите Year в область Группы рядов. При этом для каждого года будет добавлена линия.

  7. Щелкайте правой кнопкой мыши диаграмму, пока не будет выбран ряд, затем откройте Свойства ряда.

  8. На странице Граница выполните одно из следующих действий.

    1. Выберите для Стиля линии вариант Непрерывный.

    2. Задайте для Толщины линии значение 2пт.

Цвета линий назначаются автоматически из цветовой палитры, заданной по умолчанию. Цвета назначаются с учетом порядка сортировки в группе рядов.

Настройка заголовка и осей диаграммы

  1. Измените заголовок графика на Сравнение годичных продаж.

  2. Измените расположение условных обозначений рядов, поместив ее под горизонтальной осью.

  3. Удалите поле Заголовок горизонтальной оси.

  4. Измените текст заголовка вертикальной оси на текст В тысячах.

  5. Откройте окно Свойства вертикальной оси. Выполните следующие действия.

    1. На странице Число в поле Категория выберите значение Денежная единица.

    2. Введите в поле Десятичные разряды значение 0.

    3. Выберите Группировать цифры.

    4. В поле Показывать значения в выберите Тысячи.

  6. Откройте окно Свойства горизонтальной оси. На странице Параметры оси выполните следующие действия.

    1. В списке Тип оси выберите Скалярное (число/даты).

    2. Измените Интервал на 1.

  7. На странице Метки выберите Отключить автоподбор и задайте для атрибута Угол поворота метки (в градусах) значение 45.

  8. На странице Число выберите для Категории значение Дата, затем выберите в поле Тип значение *1/31/2000.

Добавление матрицы

  1. Вставьте Матрицу под графиком.

  2. Выровняйте левый край матрицы с левым краем графика.

  3. В наборе данных EmployeeSalesYearOverYear выполните следующие действия.

    1. Перетащите Year в область Строки.

    2. Перетащите Sales в Данные. Выберите для текстового поля формат Валюта.

    3. Установите необходимый формат для строки заголовка.

  4. Выберите матрицу. На панели «Свойства» присвойте параметру Закладка значение MatrixwithNestedSparkline.

  5. Установите необходимый формат для заголовка матрицы.

Добавление вложенного спарклайна в ячейку табликса

  1. В матрице щелкните правой кнопкой мыши столбец «Продажи», укажите Вставить столбец и выберите Снаружи группы — справа.

  2. Перетащите дескриптор столбца и растяните по ширине для выравнивания правой стороны диаграммы.

  3. Щелкните правой кнопкой мыши последнюю ячейку во второй строке, выберите Вставить, выберите Спарклайн, затем воспользуйтесь Всплывающей подсказкой, чтобы добавить Линию с маркером.

  4. Чтобы настроить спарклайн график, выполните следующие действия.

    1. В наборе данных EmployeeSalesYearOverYear перетащите поле Sales в Значения.

    2. Перетащите Month в Группы категорий.

    3. Щелкните правой кнопкой мыши Month, чтобы открыть диалоговое окно Свойства группы категорий.

    4. На странице Общие в поле Синхронизация групп в выберите «Табликс1». На оси категорий для всех спарклайнов будут использоваться одни и те же минимальные и максимальные значения, основанные на всех данных групп в матрице, вместо данных групп для каждой строки по отдельности.

    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

    В этом примере используются данные только за три года, поэтому определены лишь три цвета.

  2. На графике щелкайте правой кнопкой линии до тех пор, пока не отобразятся ряды диаграммы на панели «Свойства», а затем щелкните Свойства ряда.

  3. На странице Заливка в Цвет введите следующее выражение:

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

  4. Повторите шаги со 2 по 3 для спарклайн графика.

  5. Просмотрите отчет.

При этом цвет линии для каждого года будет одинаковым на графике и спарклайне.

Добавление прямоугольного контейнера

  1. Щелкните правой кнопкой мыши Текст отчета, выберите Вставить и выберите пункт Прямоугольник.

  2. В Свойства прямоугольника измените Имя на rectCharts.

  3. Добавьте в прямоугольник текстовое поле с именем tbChartPurpose, содержащее следующий текст: Сравнение сезонных продаж по годам.

  4. Примените требуемое форматирование.

  5. Выделите график. Перетащите левый верхний угол графика в прямоугольник. Размер прямоугольника будет увеличен для включения диаграммы.

  6. Щелкните нижний маркер прямоугольника и перетащите его вниз. Чтобы выделить прямоугольник, щелкните график, затем нажимайте клавишу ESC, пока на панели инструментов панели свойств не отобразится название выбранного объекта «Прямоугольник1».

  7. Перетащите верхний левый угол матрицы в прямоугольник под графиком.

  8. Поместите диаграмму и таблицу внутрь прямоугольника.

  9. На панели свойств прямоугольника присвойте параметру Закладка значение YearlySalesRectangle.

  10. Переместите прямоугольник под текстовое поле с переключателем.

Использование прямоугольников в качестве контейнеров позволяет упростить размещение нескольких связанных элементов отчетов.

Добавление ссылки из текста на закладку

  1. Нажимайте текстовое поле tbScenario до тех пор, пока не отобразится весь текст.

  2. Выделите слово график, щелкните правой кнопкой мыши и откройте диалоговое окно Свойства текста.

  3. На странице Шрифт установите для атрибута Цвет значение Синий, а для атрибута Эффекты установите значение Подчеркивание.

  4. На странице Действие выберите Перейти к закладке.

  5. В списке Выбор закладки введите YearlySalesRectangle.

  6. Повторите шаги с 2 по 4 для слова спарклайн.

  7. В списке Выбор закладки введите MatrixwithNestedSparkline.

Предварительный просмотр и проверка отчета

  1. Просмотрите отчет.

  2. Проверьте выполнение следующих условий.

    1. Метка, график и матрица с вложенным спарклайном имеют одинаковую ширину и выровнены друг относительно друга в прямоугольном контейнере.

    2. На обычном графике и спарклайне отображаются одни и те же данные. Например, в 2005 году продажи происходили только во второй половине года.

    3. Цвета линий на графике и спарклайне для данных продаж по годам имеют следующее значение: Синий для 2005 года, оранжевый для 2006 года, зеленый для 2007 года.

    4. Переключите текст сценария, а затем выберите график. Отчет перейдет к странице, содержащей прямоугольник с графиком.

    5. Перейдите с помощью прокрутки к верхней части отчета. В тексте сценария щелкните текст спарклайн. Отчет перейдет к странице, содержащей матрицу с вложенным спарклайном.