Angular Chart Types

AggregatedPointsPosition

Specifies the start position of the aggregated series points in the aggregation interval.

Type:

Literal Union

Accepted Values: 'betweenTicks' | 'crossTicks'

Used in:

ArgumentAxis

Configures the argument axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisClickEvent

The type of the argumentAxisClick event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.ArgumentAxisClickEvent

Used in:

ArgumentAxisConstantLines

Declares a collection of constant lines belonging to the argument axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisConstantLinesLabel

Configures the constant line label.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisConstantLineStyle

Specifies the appearance of those constant lines that belong to the argument axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisConstantLineStyleLabel

Specifies the appearance of the labels of those constant lines that belong to the argument axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisLabel

Configures the labels of the argument axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisStrips

Declares a collection of strips belonging to the argument axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisStripsLabel

Configures the strip label.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ArgumentAxisTitle

Configures the axis title.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ChartBubbleSeriesAggregationMethod

Specifies how to aggregate series points.

Type:

Literal Union

Accepted Values: 'avg' | 'custom'

Used in:

ChartFinancialSeriesAggregationMethod

Specifies how to aggregate series points.

Type:

Literal Union

Accepted Values: 'ohlc' | 'custom'

Used in:

ChartLabelDisplayMode

Specifies how to rotate or stagger horizontal axis labels.

Type:

Literal Union

Accepted Values: 'rotate' | 'stagger' | 'standard'

Used in:

ChartRangeSeriesAggregationMethod

Specifies how to aggregate series points.

Type:

Literal Union

Accepted Values: 'range' | 'custom'

Used in:

ChartSeriesAggregationMethod

Specifies how to aggregate series points.

Type:

Literal Union

Accepted Values: 'avg' | 'count' | 'max' | 'min' | 'ohlc' | 'range' | 'sum' | 'custom'

Used in:

ChartSingleValueSeriesAggregationMethod

Specifies how to aggregate series points.

Type:

Literal Union

Accepted Values: 'avg' | 'count' | 'max' | 'min' | 'sum' | 'custom'

Used in:

ChartTooltipLocation

Specifies whether the tooltip must be located in the center of a series point or on its edge.

Type:

Literal Union

Accepted Values: 'center' | 'edge'

Used in:

ChartZoomAndPanMode

Specifies whether users are allowed to zoom and/or pan the argument and value axis.

Type:

Literal Union

Accepted Values: 'both' | 'none' | 'pan' | 'zoom'

Used in:

CommonAxisSettings

Defines common settings for both the argument and value axis in a chart.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonAxisSettingsConstantLineStyle

Configures the appearance of all constant lines in the UI component.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonAxisSettingsConstantLineStyleLabel

Configures constant line labels.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonAxisSettingsLabel

Configures axis labels.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonAxisSettingsStripStyle

Configures the appearance of strips.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonAxisSettingsStripStyleLabel

Configures the appearance of strip labels.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonAxisSettingsTitle

Configures axis titles.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonPaneSettings

Defines common settings for all panes in a chart.

import { DxChartTypes } from "devextreme-angular/ui/chart"

CommonSeriesSettings

Specifies settings common for all series in the chart.

import { DxChartTypes } from "devextreme-angular/ui/chart"

DisposingEvent

The type of the disposing event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.DisposingEvent

Used in:

DoneEvent

The type of the done event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.DoneEvent

Used in:

DrawnEvent

The type of the drawn event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.DrawnEvent

Used in:

EventKeyModifier

Specifies the key that enables panning when dragToZoom is true.

Type:

Literal Union

Accepted Values: 'alt' | 'ctrl' | 'meta' | 'shift'

Used in:

ExportedEvent

The type of the exported event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.ExportedEvent

Used in:

ExportingEvent

The type of the exporting event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.ExportingEvent

Used in:

FileSavingEvent

The type of the fileSaving event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.FileSavingEvent

Used in:

FinancialChartReductionLevel

Specifies whether high, low, open or close prices of points should be compared.

Type:

Literal Union

Accepted Values: 'close' | 'high' | 'low' | 'open'

Used in:

IncidentOccurredEvent

The type of the incidentOccurred event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.IncidentOccurredEvent

Used in:

InitializedEvent

The type of the initialized event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.InitializedEvent

Used in:

Legend

Specifies the properties of a chart's legend.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.Legend

LegendClickEvent

The type of the legendClick event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.LegendClickEvent

Used in:

OptionChangedEvent

The type of the optionChanged event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.OptionChangedEvent

Used in:

Panes

Declares a collection of panes.

import { DxChartTypes } from "devextreme-angular/ui/chart"

PointClickEvent

The type of the pointClick event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.PointClickEvent

Used in:

PointHoverChangedEvent

The type of the pointHoverChanged event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.PointHoverChangedEvent

Used in:

PointSelectionChangedEvent

The type of the pointSelectionChanged event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.PointSelectionChangedEvent

Used in:

SeriesClickEvent

The type of the seriesClick event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.SeriesClickEvent

Used in:

SeriesHoverChangedEvent

The type of the seriesHoverChanged event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.SeriesHoverChangedEvent

Used in:

SeriesSelectionChangedEvent

The type of the seriesSelectionChanged event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.SeriesSelectionChangedEvent

Used in:

Tooltip

import { DxChartTypes } from "devextreme-angular/ui/chart"

TooltipHiddenEvent

The type of the tooltipHidden event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.TooltipHiddenEvent

Used in:

TooltipShownEvent

The type of the tooltipShown event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.TooltipShownEvent

Used in:

ValueAxis

Configures the value axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisConstantLines

Declares a collection of constant lines belonging to the value axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisConstantLinesLabel

Configures the constant line label.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisConstantLineStyle

Specifies the appearance of those constant lines that belong to the value axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisConstantLineStyleLabel

Specifies the appearance of the labels of those constant lines that belong to the value axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisLabel

Configures the labels of the value axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisStrips

Declares a collection of strips belonging to the value axis.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisStripsLabel

Configures the strip label.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ValueAxisTitle

Configures the axis title.

import { DxChartTypes } from "devextreme-angular/ui/chart"

ZoomEndEvent

The type of the zoomEnd event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.ZoomEndEvent

Used in:

ZoomStartEvent

The type of the zoomStart event handler's argument.

import { DxChartTypes } from "devextreme-angular/ui/chart"
Type: DxChartTypes.ZoomStartEvent

Used in: