Предыдущий разделСледующий раздел


Учебник 4: Создание диаграммы

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

В этой диаграмме используются данные из примера базы данных, Classic Models. Эта база данных устанавливается вместе с BIRT. На рис. 14-1 показана диаграмма, которая будет создана в ходе выполнения упражнения из этого учебника.

Рис. 14-1 Готовая диаграмма из учебника

Для создания этой диаграммы нужно будет выполнить следующие задачи:

Задача 1: Создайте файл проекта отчета.

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

  1. С помощью шаблона Пустой отчет создайте проект отчета Chart.rptdesign.
  2. Создайте источник данных для отчета на основе примера базы данных Classic Models.
  3. Создайте набор данных для диаграммы. Укажите следующее имя для набора данных:
  4. ChartData 
    
    Введите следующий оператор SQL SELECT:
    SELECT Products.ProductLine, 
    sum(OrderDetails.QuantityOrdered) 
    FROM OrderDetails, 
    Products 
    WHERE Products.ProductCode=OrderDetails.ProductCode 
    GROUP BY Products.ProductLine 
    ORDER BY Products.ProductLine 
    
    Этот оператор извлекает данные из столбца ProductLine таблицы Products. Затем результаты группируются по значению столбца ProductLine и для каждой группы вычисляется сумма объемов заказов.
  5. Просмотрите отчет для проверки возвращаемых данных. Если вы правильно ввели оператор SELECT, должны быть выданы строки данных, показанные на рис. 14-2.
  6. Рис. 14-2 Набор данных
    В первом столбце указаны названия типов продукции. Во втором столбце - суммарный объем заказов по типам продукции. Столбцу сумм присвоено имя 2.
  7. Для того чтобы присвоить этому столбцу более понятное имя, воспользуйтесь опцией Выходные столбцы. Укажите следующий псевдоним для столбца 2:
  8. TotalOrders 
    
    Укажите следующее значение в качестве отображаемого имени столбца 2:
    TOTALORDERS 
    
  9. На этом создание файла проекта отчета завершено. Нажмите кнопку ОК для выхода из окна Изменить набор данных и перехода в редактор макета.

Задача 2: Добавьте диаграмму в отчет

Перенесите диаграмму с палитры в отчет и выберите тип диаграммы. В ходе данного упражнения будет создана круговая диаграмма.

  1. Откройте палитру и перенесите элемент chart c палитры в отчет, как показано на рис. 14-3.
  2. Рис. 14-3 Добавление диаграммы в отчет
    Появится окно компоновщика диаграмм, которое будет называться Создать диаграмму. Если диаграмма уже существует, это окно будет называться Изменить диаграмму. На странице Выбрать тип диаграммы будут перечислены поддерживаемые типы диаграмм. В состав каждого типа входят несколько подтипов, и в целом выбор диаграмм довольно широк.
    Например, первоначально в компоновщике диаграмм будут показаны три подтипа гистограмм, как показано на рис. 14-4. Выбрав другой тип диаграммы, можно просмотреть подтипы другого типа. Данные подтипы позволяют создавать двумерные диаграммы. Далее в этой главе приведена информация о работе с дополнительными подтипами с помощью опции Измерение.

    Рис. 14-4 Окно выбора типа диаграммы с подтипами гистограмм
  3. Выберите круговую диаграмму в списке типов диаграмм. В окне компоновщика диаграмм появится эскиз круговой диаграммы, как показано на рис. 14-5. У круговых диаграмм только один двумерный подтип, поэтому в области Подтип будет показан только один вариант. При создании диаграммы в окне просмотра постоянно показан текущий эскиз диаграммы. Например, если вы измените цвет секторов или заголовок диаграммы, эти изменения будут отражены в окне просмотра.
  4. Рис. 14-5 Двумерные круговые диаграммы

Задача 3: Задайте параметры данных диаграммы

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

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

  1. Для перехода на страницу выбора данных нажмите кнопку Далее. На странице Выберите данные выберите опцию Использовать набор данных. Набор опций показан на рис. 14-6.
  2. Рис. 14-6 Выбор созданного набора данных
    В данном файле отчета есть только один набор данных - ChartData. Если в файле несколько наборов данных, они будут перечислены в выпадающем списке.
    В нижней половине окна компоновщика диаграмм (Просмотр данных) показано подмножество данных из выбранного набора данных. В этой области можно увидеть сведения о типе продукции и общем количестве заказов. По умолчанию в области просмотра показано 6 строк данных.
  3. Сначала нужно создать выражение для рядов данных, которые будут применяться для формирования секторов круговой диаграммы. Выберите заголовок столбца PRODUCTLINE в области просмотра данных и перенесите его в пустое поле справа от области Определение категории, как показано на рис. 14-7.
  4. Рис. 14-7 Создание выражения для рядов категорий
    В поле Определение категории будет показано следующее выражение:
    row["PRODUCTLINE"] 
    
    В области Просмотр данных столбец типа продукции будет выделен цветом для обозначения того, что он используется в диаграмме. Выделенный столбец показан на рис. 14-8.

    Рис. 14-8 Выделенный столбец в области просмотра данных
  5. Для того чтобы задать размер секторов, выберите заголовок столбца TOTALORDERS и перенесите его в пустое поле под областью Определение размера секторов, как показано на рис. 14-9.
  6. Рис. 14-9 Создание выражения для рядов данных
    В поле Определение размера секторов будет показано следующее выражение:
    row["TOTALORDERS"] 
    
    В области просмотра данных столбец суммарного объема заказов будет выделен цветом для обозначения того, что он используется в диаграмме. Изображение в окне просмотра диаграммы будет скорректировано с учетом новых данных. Типы продукции станут категориями диаграммы. Каждый сектор соответствует одному типу продукции. Значения суммарного объема заказов представляют собой данные диаграммы. Размер секторов диаграммы будет пропорционален объему заказов продукции соответствующего типа. Правильность выражений можно проверить по изображению в области просмотра. Изображение в области просмотра должно выглядеть так, как показано на рис. 14-10.

    Рис. 14-10 Изображение диаграммы в области просмотра

На этом завершены основные шаги по созданию круговой диаграммы. Просмотрите ее в области просмотра и убедитесь в том, что она выглядит правильно.

Задача 4: Просмотрите диаграмму

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

  1. Для того чтобы закрыть компоновщик диаграмм, нажмите кнопку Готово. В редакторе макета будет показан элемент chart. Диаграмма будет выглядеть примерно так, как показано на рис. 14-11.
  2. Рис. 14-11 Элемент chart в редакторе макета
  3. Элемент chart выглядит маленьким по сравнению с размером страницы отчета. Чтобы увеличить диаграмму для повышения наглядности, растяните элемент chart до размера примерно 13 сантиметров в ширину и 8 сантиметров в высоту. Для того чтобы растянуть диаграмму, нужно выбрать ее и переместить ее границы с помощью мыши, как показано на рис. 14-12.
  4. Рис. 14-12 Увеличение диаграммы
  5. Нажмите кнопку Просмотр для просмотра диаграммы в области предварительного просмотра. Диаграмма будет выглядеть так, как показано на рис. 14-13.
  6. Рис. 14-13 Диаграмма в окне предварительного просмотра

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

Задача 5: Изменение заголовка диаграммы

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

  1. Откройте вкладку Макет для возврата в редактор макета и дважды щелкните на макете диаграммы для перехода в компоновщик диаграмм.
  2. Выберите опцию Формат диаграммы, а затем выберите значение Область диаграммы в выпадающем списке в левой части окна. Окно компоновщика диаграмм будет показано на рис. 14-14.
  3. Рис. 14-14 Добавление заголовка в область диаграммы
  4. В поле Заголовок диаграммы введите следующее значение:
  5. Orders by Product Line 
    
    Изменения будут показаны в области просмотра, как показано на рис. 14-15.

    Рис. 14-15 Просмотр диаграммы с новым названием

Задача 6: Настройка внешнего вида диаграммы

Помимо заголовка, в диаграмме присутствуют метки со значениями секторов. В списке условных обозначений, указано соответствие между секторами и типами продукции. Хотя раздел условных обозначений содержит полезную информацию, он занимает место и приводит к уменьшению размера диаграммы. Для оптимизации представления информации можно удалить раздел условных обозначений и перенести данные из него в метки секторов. Дополнительное преимущество такого изменения заключается в том, что при печати отчета на диаграмме будет четко видно, каким типам продукции соответствуют сектора, даже если цвета будут переданы не очень точно. В каждой метке данных будут указаны имя категории (название сектора) и значение (общее количество заказов в секторе). Например, для сектора мотоциклов будет показана следующая метка:

Motorcycles: 12,778 
  1. Для перехода к разделу условных обозначений выберите значение Условные обозначения в списке в левой части окна, как показано на рис. 14-16.
  2. Рис. 14-16 Раздел условных обозначений окна форматирования диаграммы
  3. Для перехода в окно удаления условных обозначений нажмите кнопку Макет в нижней части окна. Появится окно Макет условных обозначений, показанное на рис. 14-17.
  4. Рис. 14-17 Скрытие условных обозначений в окне Макет условных обозначений
  5. Снимите отметку с поля Видимы и закройте окно. Изменения будут отражены в области просмотра диаграммы. Теперь диаграмма будет показана так, как на рис. 14-18.
  6. Рис. 14-18 Диаграмма со скрытыми условными обозначениями
  7. Теперь можно добавить информацию, которая раньше была в разделе условных обозначений, в метки секторов. Перейдите в раздел форматирования рядов данных и выберите значение Метки. В группе Метки собраны свойства, влияющие на вывод меток данных. Кроме того, эти свойства задают параметры форматирования меток, например выделение и шрифт текста. Раздел Метки показан на рис. 14-19.
  8. Рис. 14-19 Метки
  9. Для добавления имени раздела к метке убедитесь в том, что в выпадающем списке в области Значения выбрана опция Данные категорий, и нажмите кнопку Добавить. Под полем Данные значений появится поле Данные категорий, как показано на рис. 14-20.
  10. Рис. 14-20 Добавление данных категорий в метки
  11. В настоящий момент в метках сначала показаны значения секторов, а затем их имена. Нужно поменять последовательность таким образом, чтобы сначала были показаны названия секторов. Выберите опцию Данные значений и нажмите кнопку Удалить. Затем выберите опцию Данные значений в выпадающем списке и нажмите кнопку Добавить. Теперь опция Данные значений будет показана в списке под значением Данные категорий, как показано на рис. 14-21.
  12. Рис. 14-21 Метки с измененным порядком данных
    Теперь информация в метках показана в нужном порядке, и осталось только изменить оформление меток. Если в метках указано несколько видов информации, рекомендуется разделить их каким-либо символом. В данный момент в качестве разделителя используется запятая.
  13. Для изменения разделителя выберите опцию Разделитель и введите двоеточие (:), а затем пробел. Поле ввода разделителя показано на рис. 14-22.
  14. Рис. 14-22 Добавление разделителя меток

  15. Поскольку в диаграмме используются целочисленные данные, при выводе не нужны знаки после запятой. Для изменения формата чисел нужно выбрать опцию Данные значений и нажать кнопку Изменить формат. В окне Изменить формат можно изменить формат чисел и значений даты и времени.
  16. Выберите значение Стандартный и измените значение поля Число цифр после запятой на 0. Окно Изменить формат будет выглядеть так, как показано на рис. 14-23.
  17. Рис. 14-23 Изменить формат
    Нажмите кнопку OK для того, чтобы закрыть окно Изменить формат.

  18. Для изменения атрибутов форматирования меток текста нажмите кнопку Вызвать редактор шрифтов. На рис. 14-24 показано расположение кнопки Редактор шрифтов.
  19. Рис. 14-24 Переход в окно Редактор шрифтов из окна Метки
    Появится окно Изменить шрифт. В этом окне можно изменить формат текста меток.
  20. Измените шрифт на Tahoma и размер на 11, как показано на рис. 14-25. Затем нажмите кнопку OK и закройте окно Метки.
  21. Рис. 14-25 Изменение шрифта
    Теперь можно установить фиксированную длину линий выносок, соединяющих метки с секторами. Параметры линий выносок показаны на рис. 14-26.

    Рис. 14-26 Раздел рядов данных в окне форматирования диаграммы
  22. В поле Стиль линии выноски выберите значение Фиксированная длина. Измените длину линии выноски на 20.
  23. На этом создание и форматирование диаграммы завершено. Для просмотра элемента chart в редакторе макета нажмите кнопку Готово. Затем в последний раз проверьте внешний вид диаграммы с помощью кнопки Просмотр. Диаграмма должна выглядеть так, как показано на рис. 14-27.
  24. Рис. 14-27 Готовая диаграмма из учебника

В готовой диаграмме для каждого сектора будут указаны название категории и значение. Размер и организация данных на диаграмме позволяют проводить быстрый анализ данных и при необходимости углубляться в детали. Например, можно сразу увидеть, что крупнейший сектор - Classic Cars, в котором было размещено 35582 заказа, а за ним следует сектор Vintage Cars, в котором было размещено 22933 заказа. Вместе эти сектора больше, чем все остальные сектора вместе взятые. Прочие сектора, например Trains, не вносят ощутимого вклада по количеству заказов.


(c) Copyright Actuate Corporation 2006

Предыдущий разделСледующий раздел