Chart

Описание

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

См. также:

DHTML-компоненты