Компонент Chart предназначен для работы с диаграммой, построенной на основе элемента Canvas.
Компонент Chart реализован классом Chart.
Компонент предназначен для представления данных на диаграмме. Эти данные отображаются в виде рядов с набором точек. Для разных типов диаграмм задаются специфические настройки рядов и точек, выделенные в отдельные классы. Так ряды данных диаграммы с областями реализуются классом ChartAreaSerie, а точки - классом ChartAreaPoint. Для гистограммы - классами ChartColumnSerie и ChartColumnPoint соответственно, для круговой диаграммы - ChartPieSerie и ChartPiePoint. Ряд данных сглаженной диаграммы представлен классом ChartSplineSerie.
При построении диаграммы может быть применена как прямоугольная система координат, так и полярная. Последняя - реализована классами ChartPolarXAxis и ChartPolarYAxis.
Компонент Chart может иметь следующий вид:

Пример создания гистограммы с накоплением
Пример создания диаграммы с областями
Пример создания круговой диаграммы
Пример создания линейной диаграммы
Пример создания сглаженной диаграммы
Пример создания точечной диаграммы
| Имя конструктора | Краткое описание | |
| Chart | Конструктор Chart создает экземпляр класса Chart. |
| Имя свойства | Краткое описание | |
| Center | Свойство Center определяет центр диаграммы. | |
| CustomData | Свойство CustomData определяет данные пользователя. | |
| Draggable | Свойство Draggable определяет признак того, допускается ли перетаскивание диаграммы. | |
| EditMode | Свойство EditMode определяет объект, предназначенный для редактирования диаграммы. | |
| ExcludeInvisibleSeries | Свойство ExcludeInvisibleSeries определяет признак необходимости исключения невидимых рядов данных диаграммы из расчетов. | |
| Inverted | Свойство Inverted определяет признак того, является ли диаграмма инвертированной. | |
| LabelsLayer | Свойство LabelsLayer определяет элемент, представляющий слой отрисовки подписей диаграммы. | |
| Legend | Свойство Legend определяет легенду диаграммы. | |
| LegendFormatter | Свойство LegendFormatter определяет форматирование подписей легенды диаграммы. | |
| MarkersEnabled | Свойство MarkersEnabled определяет признак отображения маркеров у рядов данных диаграммы. | |
| MarkersSymbol | Свойство MarkersSymbol определяет форму маркера для рядов данных диаграммы. | |
| PaddingBottom | Свойство PaddingBottom определяет нижний отступ диаграммы. | |
| PaddingLeft | Свойство PaddingLeft определяет левый отступ диаграммы. | |
| PaddingRight | Свойство PaddingRight определяет правый отступ диаграммы. | |
| PaddingTop | Свойство PaddingTop определяет верхний отступ диаграммы. | |
| PlotArea | Свойство PlotArea определяет область отрисовки диаграммы. | |
| Polar | Свойство Polar определяет признак того, использует ли диаграмма полярную систему координат. | |
| Scroller | Свойство Scroller определяет элемент прокрутки диаграммы. | |
| Series | Свойство Series определяет массив рядов данных диаграммы. | |
| Stacking | Свойство Stacking определяет тип накопления на диаграмме. | |
| ToolTipDataFormat | Свойство ToolTipDataFormat определяет формат данных всплывающей подсказки. | |
| ToolTipDelay | Свойство ToolTipDelay определяет задержку перед отображением всплывающей подсказки. | |
| ToolTipFollowPointer | Свойство ToolTipFollowPointer определяет поведение всплывающей подсказки при перемещении курсора мыши. | |
| ToolTipFormatter | Свойство ToolTipFormatter определяет текстовую маску всплывающей подсказки. | |
| Type | Свойство Type определяет тип диаграммы. | |
| UseIndicatorColorForToolTipBorder | Свойство UseIndicatorColorForToolTipBorder определяет окрашивание границы всплывающей подсказки в цвет ряда. | |
| UseMarkersThinning | Свойство UseMarkersThinning определяет признак скрытия маркеров при условии, если хотя бы некоторые из них перекрывают друг друга. | |
| UseSelectOnRightClick | Свойство UseSelectOnRightClick определяет признак того, будет ли на диаграмме применяться выделение по правому щелчку мыши. | |
| UseSoftPadding | Свойство UseSoftPadding определяет признак использования альтернативного расчета отступов диаграммы. | |
| UseZeroSubstitution | Свойство UseZeroSubstitution определяет признак того, что пустые значения в рядах данных заменяются нулями. | |
| XAxis | Свойство XAxis определяет ось категорий диаграммы. | |
| YAxis | Свойство YAxis определяет ось значений диаграммы. | |
| YSAxis | Свойство YSAxis определяет дополнительную ось значений диаграммы. |
| Имя метода | Краткое описание | |
| addSerie | Метод addSerie добавляет новый ряд данных на диаграмму. | |
| destroy | Метод destroy удаляет диаграмму. | |
| getColumnSeriesCount | Метод getColumnSeriesCount возвращает количество рядов данных диаграммы в виде столбцов. | |
| getForecastRange | Метод getForecastRange возвращает для диаграммы максимальный прогноз назад и вперед. | |
| getIsCartesianChart | Метод getIsCartesianChart возвращает признак того, использует ли диаграмма декартову систему координат. | |
| getIsResizing | Метод getIsResizing возвращает признак того, изменяются ли в данный момент размеры диаграммы. | |
| getOriginalPlotBorders | Метод getOriginalPlotBorders возвращает объект с размерами и отступами диаграммы с учетом только размеров и отступов DOM-элемента. | |
| getPaddings | Метод getPaddings возвращает объект, содержащий отступы диаграммы. |
|
| getPaddingWasApplied | Метод getPaddingWasApplied возвращает объект, содержащий признаки применения отступов диаграммы. | |
| getPlotBorders | Метод getPlotBorders возвращает объект с размерами и отступами диаграммы. | |
| getSelection | Метод getSelection возвращает объект, содержащий информацию о выделенных элементах рядов диаграммы. | |
| getSerie | Метод getSerie возвращает ряд данных диаграммы по его индексу. | |
| getSeriesStacks | Метод getSeriesStacks пересчитывает все накопления диаграммы для дальнейших расчетов. | |
| getSeriesTypes | Метод getSeriesTypes возвращает массив типов рядов диаграммы. | |
| getStackExtrems | Метод getStackExtrems возвращает рассчитанные значения накоплений диаграммы. | |
| hoverItems | Метод hoverItems устанавливает подсветку указанных рядов диаграммы. | |
| isWidthDataSupported | Метод isWidthDataSupported определяет признак того, используется липоказатель ширины/угла. | |
| redraw | Метод redraw перерисовывает диаграмму. | |
| removeAllSeries | Метод removeAllSeries удаляет все ряды данных диаграммы. | |
| removeSerie | Метод removeSerie удаляет указанный ряд данных диаграммы. | |
| resize | Метод resize изменяет размеры диаграммы. | |
| selectItems | Метод selectItems выделяет указанные ряды диаграммы. | |
| updateLegendHighlightMode | Метод updateLegendHighlightMode обновляет режим выделения в легенде при включении или выключении редактирования диаграммы. |
| Имя события | Краткое описание | |
| Deselected | Событие Deselected наступает при снятии выделения с элементов рядов диаграммы. | |
| ItemsHovered | Событие ItemsHovered наступает при наведении курсора на ряд диаграммы. | |
| ItemsSelected | Событие ItemsSelected наступает при выделении ряда диаграммы. | |
| ItemsVisibilityChanged | Событие ItemsVisibilityChanged наступает при изменении видимости ряда данных диаграммы. | |
| PointMouseOut | Событие PointMouseOut наступает после покидания курсором мыши точки ряда данных диаграммы. | |
| PointMouseOver | Событие PointMouseOver наступает после наведения курсором мыши на точку ряда данных диаграммы. | |
| Rendered | Событие Rendered наступает при отрисовке диаграммы. | |
| Scroll | Событие Scroll наступает во время прокрутки оси X диаграммы. | |
| Selected | Событие Selected наступает при выделении элемента ряда диаграммы. |
См. также: