Chart

Описание

Компонент Chart предназначен для работы с диаграммой, построенной на основе элемента Canvas.

Комментарии

Компонент Chart реализован классом Chart.

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

При построении диаграммы может быть применена как прямоугольная система координат, так и полярная. Последняя - реализована классами ChartPolarXAxis и ChartPolarYAxis.

Пример

Компонент Chart может иметь следующий вид:

Пример создания гистограммы

Пример создания гистограммы с накоплением

Пример создания диаграммы с областями

Пример создания круговой диаграммы

Пример создания линейной диаграммы

Пример создания сглаженной диаграммы

Пример создания точечной диаграммы

Конструктор

  Имя конструктора Краткое описание
Chart Конструктор Chart создает экземпляр класса Chart.

Свойства

  Имя свойства Краткое описание
AutoRotateMarker Свойство AutoRotateMarker определяет, установлен ли автоматический поворот маркеров на диаграмме.
BackgroundColor Свойство BackgroundColor определяет цвет фона диаграммы.
BorderColor Свойство BorderColor определяет цвет границы диаграммы.
BorderEnabled Свойство BorderEnabled определяет отображение границы диаграммы.
BorderStyle Свойство BorderStyle определяет стиль линии границы диаграммы.
BorderWidth Свойство BorderWidth определяет толщину границы диаграммы.
Center Свойство Center определяет центр диаграммы.
CircleSize Свойство CircleSize определяет размер внешней границы круговой диаграммы.
CircleSizeInPercent Свойство CircleSizeInPercent определяет способ задания размера внешней границы круговой диаграммы.
CustomData Свойство CustomData определяет данные пользователя.
Deep Свойство Deep определяет длину оси Z при отображении объёмного вида диаграммы.
Draggable Свойство Draggable определяет признак того, допускается ли перетаскивание диаграммы.
EditMode Свойство EditMode определяет объект, предназначенный для редактирования диаграммы.
ExcludeInvisibleSeries Свойство ExcludeInvisibleSeries определяет признак необходимости исключения невидимых рядов данных диаграммы из расчетов.
InnerCircleSize Свойство InnerCircleSize определяет размер отступа внутренней границы от центра круговой диаграммы.
InnerCircleSizeInPercent Свойство InnerCircleSizeInPercent определяет способ задания размера отступа внутренней границы от центра круговой диаграммы.
Inverted Свойство Inverted определяет признак того, является ли диаграмма инвертированной.
Is3D Свойство Is3D определяет отображение диаграммы в объёмном виде.
IsManhattan Свойство IsManhattan устанавливает тип диаграммы - объёмная гистограмма с группами.
IsMixed Свойство IsMixed определяет признак того, является ли диаграмма диаграммой смешанного типа.
LabelsLayer Свойство LabelsLayer определяет элемент, представляющий слой отрисовки подписей диаграммы.
Legend Свойство Legend определяет легенду диаграммы.
LegendFormatter Свойство LegendFormatter определяет форматирование подписей легенды диаграммы.
MarkersEnabled Свойство MarkersEnabled определяет признак отображения маркеров у рядов данных диаграммы.
MarkersSymbol Свойство MarkersSymbol определяет форму маркера для рядов данных диаграммы.
Options Свойство Options определяет настройки диаграммы через веб-сервис.
PaddingBottom Свойство PaddingBottom определяет нижний отступ диаграммы.
PaddingLeft Свойство PaddingLeft определяет левый отступ диаграммы.
PaddingRight Свойство PaddingRight определяет правый отступ диаграммы.
PaddingTop Свойство PaddingTop определяет верхний отступ диаграммы.
PlotArea Свойство PlotArea определяет область отрисовки диаграммы.
Polar Свойство Polar определяет признак того, использует ли диаграмма полярную систему координат.
Rotation Свойство Rotation определяет угол поворота круговой диаграммы.
Scroller Свойство Scroller определяет элемент прокрутки диаграммы.
Selection Свойство Selection определяет объект, содержащий информацию о выделенных элементах рядов диаграммы.
Series Свойство Series определяет массив рядов данных диаграммы.
Stacking Свойство Stacking определяет тип накопления на диаграмме.
Subtitle Свойство Subtitle определяет параметры дополнительного заголовка диаграммы.
Title Свойство Title определяет параметры заголовка диаграммы.
ToolTip Свойство ToolTip определяет параметры всплывающей подсказки.
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 определяет дополнительную ось значений диаграммы.
ZAxis Свойство ZAxis определяет ось глубины диаграммы.

Методы

  Имя метода Краткое описание
addSerie Метод addSerie добавляет новый ряд данных на диаграмму.
beginUpdate Метод beginUpdate отключает перерисовку диаграммы до тех пор, пока не будет вызван метод endUpdate.
destroy Метод destroy удаляет диаграмму.
endUpdate Метод endUpdate включает перерисовку диаграммы и обновляет её.
getChartBounds Метод getChartBounds возвращает прямоугольную область контейнера, в котором расположена диаграмма.
getColumnSeriesCount Метод getColumnSeriesCount возвращает количество рядов данных диаграммы в виде столбцов.
getForecastRange Метод getForecastRange возвращает для диаграммы максимальный прогноз назад и вперед.
getFreeArea Метод getFreeArea возвращает область построения диаграммы.
getIsCartesianChart Метод getIsCartesianChart возвращает признак того, использует ли диаграмма декартову систему координат.
getIsResizing Метод getIsResizing возвращает признак того, изменяются ли в данный момент размеры диаграммы.
getPaddings

Метод getPaddings возвращает объект, содержащий отступы диаграммы.
getPaddingWasApplied Метод getPaddingWasApplied возвращает объект, содержащий признаки применения отступов диаграммы.
getPieSeriesCount Метод getPieSeriesCount возвращает количество рядов данных круговой диаграммы.
getPlotBorders Метод getPlotBorders возвращает объект с размерами и отступами диаграммы.
getSerie Метод getSerie возвращает ряд данных диаграммы по индексу.
getSerieByDataIndex Метод getSerieByDataIndex возвращает ряд данных диаграммы по индексу.
getSeriesByStackId Метод getSeriesByStackId возвращает массив рядов данных по уникальному идентификатору накоплений диаграммы.
getSeriesStacks Метод getSeriesStacks пересчитывает все накопления диаграммы для дальнейших расчетов.
getSeriesTypes Метод getSeriesTypes возвращает массив типов рядов диаграммы.
getStackExtrems Метод getStackExtrems возвращает рассчитанные значения накоплений диаграммы.
getStackGroups Метод getStackGroups возвращает массив уникальных идентификаторов накоплений диаграммы.
getStats Метод getStats возвращает статистические характеристики диаграммы.
getZoom Метод getZoom возвращает параметры масштабирования диаграммы.
hoverItems Метод hoverItems устанавливает подсветку указанных рядов диаграммы.
isWidthDataSupported Метод isWidthDataSupported определяет признак того, используется липоказатель ширины/угла.
redraw Метод redraw перерисовывает диаграмму.
redrawSeries Метод redrawSeries перерисовывает ряды данных диаграммы.
removeAllSeries Метод removeAllSeries удаляет все ряды данных диаграммы.
removeSerie Метод removeSerie удаляет указанный ряд данных диаграммы.
resize Метод resize изменяет размеры диаграммы.
selectItems Метод selectItems выделяет указанные ряды диаграммы.
setHeight Метод setHeight устанавливает высоту диаграммы.
setHoverPoint Метод setHoverPoint устанавливает выделение точки на диаграмме.
setInteractivity Метод setInteractivity определяет использование интерактивности диаграммы.
setWidth Метод setWidth устанавливает ширину диаграммы.
updateLegendHighlightMode Метод updateLegendHighlightMode обновляет режим выделения в легенде при включении или выключении редактирования диаграммы.

События

   Имя события Краткое описание
Deselected Событие Deselected наступает при снятии выделения с элементов рядов диаграммы.
ItemsHovered Событие ItemsHovered наступает при наведении курсора на ряд диаграммы.
ItemsSelected Событие ItemsSelected наступает при выделении ряда диаграммы.
ItemsVisibilityChanged Событие ItemsVisibilityChanged наступает при изменении видимости ряда данных диаграммы.
PointMouseOut Событие PointMouseOut наступает после покидания курсором мыши точки ряда данных диаграммы.
PointMouseOver Событие PointMouseOver наступает после наведения курсором мыши на точку ряда данных диаграммы.
Rendered Событие Rendered наступает при отрисовке диаграммы.
Scroll Событие Scroll наступает во время прокрутки оси X диаграммы.
Selected Событие Selected наступает при выделении элемента ряда диаграммы.

См. также:

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