Компонент Chart

 

Компонент Chart позволяет строить различные диаграммы и графики.

 

Chart является контейнером объектов Series типа TChartSeries – серий данных, характеризующихся различными стилями отображения. Каждый компонент может включать несколько серий. Если отобразить график, то каждая серия будет соответствовать одной кривой на графике. Если нужно отображать диаграммы, то для некоторых видов диаграмм можно наложить друг на друга несколько различных серий. Всегда можно задать для одного компонента Chart несколько серий одинаковых данных с разным типом диаграммы. Тогда, делая в каждый момент времени активной одну из них, можно предоставить пользователю выбор типа диаграммы, отображающей интересующие его данные.

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

 

 

Редактор состоит из двух вкладок: Chart и Series, каждая из которых также обладает некоторым набором вкладок со средствами для установки параметров компонента Chart.

 

Назначение некоторых вкладок страницы Chart редактора диаграмм:

 

Название вкладки

Назначение

Series

управление сериями кривых

General

основные параметры, в том числе Zoom, позволяет во время выполнения приложения изменить масштаб фрагмента кривой

Axis

настройка осей графика

Title

текст над и под рисунком, в том числе их шрифт, бордюр и фон

Legend

вывод легенды кривых, в том числе состав и место вывода легенды

Panel

настройка панели для вывода кривых, в том числе параметры рамки и цвет фона панели

Walls

настройка «стен» – плоскостей вдоль осей

3D

настройка трёхмерного изображения диаграммы

 

Назначение кнопок вкладки Series, принадлежащей вкладке Chart

 

Название вкладки

Назначение

Add

добавить серию в компонент

Delete

удалить выбранную серию

Title

установить наименование серии (вместо Series i, заданного по умолчанию)

Clone

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

Change

Изменить тип вывода серии

 

Для выбора нового типа (кнопка Add) и изменения типа имеющейся серии (кнопка Change) вызывается окно TeeChart Gallery. Оно содержит пиктограммы образцов кривых различных типов. Вид страницы редактора с галереей типов кривых представлен на следующем рисунке:

 

 

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

 

На следующем рисунке представлен вид вкладки Series для кривой типа Line (лентами):

 

 

Для задания отображаемых значений надо использовать методы серий Series. Рассмотрим три из них.

 

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

 

Метод Add:

Add(Const AValue: Double; Const ALabel: String; AColor: TColor)

позволяет добавить в диаграмму новую точку. Параметр AValue соответствует добавляемому значению функции, а значение аргумента функции заполняется автоматически, поэтому его задавать не нужно, параметр ALabel – название, которое будет отображаться на диаграмме и в легенде, AColor – цвет. Параметр ALabel – не обязательный, его можно задать пустым: ''.

 

Метод AddXY:

AddXY(Const AXValue, AYValue: Double; Const ALabel: String; AColor: TColor)

позволяет добавить новую точку в график функции. Параметры AXValue и AYValue соответствуют аргументу и функции. Параметры ALabel и AColor те же, что и в методе Add.