Для того чтобы построить отчет с диаграммой необходимо выполнить следующие шаги:
1.Запустить дизайнер;
2.Подключить данные:
2.1. Создать Новый источник данных (New Data Source);
3.Разместить компонент Диаграмма (Chart) на странице шаблона отчета. На рисунке снизу показано размещение компонента Диаграмма (Chart) на странице шаблона отчета:
4.Произвести редактирование компонента Диаграмма (Chart):
4.1. Выравнить по высоте компонент Диаграмма (Chart);
4.2. Изменить значение свойств у компонента Диаграмма (Chart). К примеру, установить свойство Расти в высоту (Grow to Height) в значение истина (true), если необходимо чтобы компонент Диаграмма (Chart) мог расти в высоту;
4.3. При необходимости, включить Границы (Borders) компонента Диаграмма (Chart);
4.4. Изменить цвет границы;
4.5. Отредактировать область диаграммы. К примеру, изменить значение свойства Область.Кисть.Цвет (Area.Brush.Color), если необходимо изменить цвет области диаграммы.
5.Добавить ряды. Для этого следует вызвать Редактор рядов (Series Editor), к примеру, кликнув по компоненту Диаграмма (Chart) два раза. На рисунке снизу представлено окно Редактора рядов (Chart Editor):
Для того, чтобы добавить ряд необходимо нажать кнопку Вставить ряд (Add Series) и в открывшемся меню выбрать тип ряда. На рисунке снизу представлено меню кнопки Вставить ряд (Add Series):
Следует отметить, что тип ряда должен соответствовать типу диаграммы, т.е. если тип диаграммы Гистограмма (Clustered Column), то и ряды должны быть типа Гистограмма (Clustered Column).
6.Произвести настройку рядов диаграммы:
6.1. Получить данные для Значения (Value) и для Аргумента (Argument) ряда. Данные для ряда можно получить тремя способами: задать колонку данных из словаря, или указать выражение, или указать вручную значения для рядов в виде списка, через разделитель ';'. К примеру, создадим два ряда и укажем вручную значения для этих рядов в виде списка, через разделитель ';': для Ряда 1 (Series 1) аргументы - A;B, значения - 1;1.25, для Ряда 2 (Series 2) аргументы - A;B, значения - 2;0.75.
6.2. Изменить значения свойств рядов. К примеру, установить свойство Показывать нули (Show Zeros) в значение ложь (false), если необходимо чтобы нулевые значения диаграммы не отображались;
6.3. Включить или выключить Заголовки рядов (Series Labels);
6.4. Произвести редактирование заголовков рядов: выравнять, изменить стиль, шрифт, тип значения и т.д.;
6.5. Изменить оформление рядов, изменив значения свойств Цвет границы (Border Color), Кисть (Brush), Показывать тени (Show Shadow).
На рисунке снизу показан шаблон отчета с диаграммой:
7.Произвести редактирование Легенды (Legend):
7.1. Включить или выключить видимость Легенды (Legend), изменив значение свойства Легенда.Видимость (Legend.Visible) на значение истина (true) или ложь (false) соответственно;
7.2. Выравнить легенду по горизонтали и вертикали;
7.3. Изменить оформление легенды и т.д.
На рисунке снизу показан шаблон отчета с диаграммой с отображением легенды:
8.Изменить стиль диаграммы, т.е. изменить полностью графическое оформление диаграммы:
8.1. Изменить значение свойства Стиль (Style). Где значение данного свойства и есть стиль диаграммы;
8.2. Установить свойство Разрешить применять стили (AllowApplyStyle) в значение истина (true). Если свойство Разрешить применять стили (AllowApplyStyle) установлено в значение ложь (false), то генератор отчетов при построении будет учитывать значения настроек оформления рядов.
На рисунке снизу показан шаблон отчета с диаграммой с измененным стилем:
9.Построить отчет: нажать на кнопку Предварительный просмотр (Preview) или вызвать окно Вьювера (Viewer), используя пункт меню Предварительный просмотр (Preview). На рисунке снизу показан построенный отчет с диаграммой:
Добавление стилей
1.Вернуться к шаблону отчета;
2.Вызвать Редактор стилей (Style Designer);
На рисунке снизу представлено окно Редактора стилей (Styles Designer):
Для начала работы в редакторе стилей, необходимо нажать кнопку Добавить стиль (Add Style) и в отобразившемся меню выбрать элемент отчета, для которого будет создаваться стиль: Компонент (Component), Диаграмма (Chart) или Кросс-таблица (Cross-Tab). В данном случае, это Диаграмма (Chart). При помощи свойств Основной цвет стиля (Basic Style Color), Тип Кисти (Brush Type) и группы свойств Цвета стиля (Style Colors) произвести настройку стиля. На рисунке снизу представлено окно Редактора стилей (Style Designer) с созданным пользовательским стилем:
После того как настройки стиля произведены следует нажать кнопку Закрыть (Close). В списке значений свойства Стиль (Style) компонента диаграмма отобразится пользовательский стиль, в данном случае, с именем Style for Chart. Выбрать данное значение;
3.Построить отчет нажав на вкладку Предварительный просмотр (Preview) либо вызвать Вьювер (Viewer) используя пункт меню Предварительный просмотр (Preview). На рисунке снизу показан построенный отчет с диаграммой с использованием пользовательского стиля:
