Компонент 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 наступает при выделении элемента ряда диаграммы. |
См. также: