Использование компонента TChart

Очевидно, построение графиков «вручную» - процесс долгий и сложный. Для его упрощения предназначен компонент Tchart , расположенный на закладке Additional палитры компонентов. Компонент TChart состоит из объектов Series типа TChartSeries - серий данных, характеризующихся различными стилями отображения. Каждый компонент может включать несколько серий (графиков). При отображении графика каждая серия соответствует одной кривой на графике.

Для того, чтобы создать график, необходимо разместить компонент TChart на форме. Сначала график будет заполнен набором случайно сгенерированных значений, которые в дальнейшем заменятся на необходимые данные. Таким образом в форме будет создана заготовка (Рис. 8).

Рис. 8. Компонент TChart.

Двойной щелчок мышкой по этой заготовке вызывает редактор графика. В нем можно установить свойства графика и его серий (нам хватит одной серии). Содержимое редактора графика представляет собой страницу с закладками. Для нового графика первой всегда показывается закладка Chart, а для страницы Chart - закладка Series (Рис. 9).

Рис. 9. Редактор графика.

Каждая из закладок на странице Chart предназначена для установки параметров того или иного компонента графика:

Series - содержит серии графика. Серией называется набор точек графика. На графике серии соответствует отдельная линия или ряд столбцов. Если в графике несколько серий, то будет визуализировано несколько линий или рядов столбцов.

General - устанавливает общие параметры графика, такие как объемность графика, отступы от краев, возможность увеличения (Zoom) и др.

Axis - устанавливает свойства осей (Рис. 14).

Рис. 10. Задание свойств осей графика.

В области ShowAxis определяется, для какой оси устанавливаются параметры – левой (Y), правой, верхней или нижней (X). На странице, определяемой закладкой Scales, устанавливаются свойства масштаба значений по оси. Automatic устанавливает автоматическое масштабирование данных по оси - минимум и максимум вычисляются динамически, исходя из текущих значений серии. При отмене автоматического масштабирования можно установить автоматическое масштабирование минимального (Minimum) или максимального (Maximum) значения (отметка Auto). Для установки значения максимума и (или) минимума вручную следует нажать соответствующую кнопку Change. Шаг масштаба по оси выбирается автоматически, если в Desired Increment установлено значение 0. Установить фиксированное значение шага можно, нажав кнопку Change. Закладка Title позволяет установить текст заголовка по оси, угол расположения заготовки и шрифт, которым заголовок выводится. Закладка Labels задает параметры меток для оси. Закладка Ticks устанавливает параметры самой линии оси:

- Titles - определяет заголовок графика, шрифт, выравнивание и др.

- Legend - задает параметры легенды. Легенда - это область графика, где приводится информация о графике. Легенда служит для пояснения графика.

- Panel - определяет параметры панели, на которой располагается график.

- Paging - устанавливает параметры многостраничного графика.

- Walls - задает " стенку" (фон) графика.

- 3D - дает возможность изменить внешний вид диаграммы: наклон, сдвиг, толщину и т.д.

Чтобы добавить в график серию, следует на странице Chart, (закладка Series) нажать кнопку Add. После этого появится окно выбора типа серии (Рис. 11).

Рис. 11. Окно выбора типа серии.

Для примера выберем серию типа Line и нажмем Ok. В окне страницы Chart (закладка Series) будет показана добавленная серия (Рис. 12).

Рис. 12. Редактирование свойств серии

Кнопка Add может использоваться для добавления других серий, кнопка Delete - для удаления текущей серии. После нажатия кнопки Title можно определить заголовок серии, кнопки Clone -создать новый экземпляр такой же серии в этом же графике, кнопки Change - изменить тип текущей серии.

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

Chart1.Series[0].Clear

Метод Clear очищает серию от занесенных ранее данных.

Метод

AddXY(const AXValue, AYValue: Double)

позволяет добавить в график функции новую точку. Параметр AXValue и AYValue соответствуют аргументу и функции (X и Y).