All docs
V25.2
25.2
25.1
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
API
Map

JavaScript/jQuery Chart Types

AggregatedPointsPosition

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

Accepted Values: 'betweenTicks' | 'crossTicks'

ArgumentAxis

Configures the argument axis.

import { ArgumentAxis } from "devextreme/viz/chart"

ArgumentAxisClickEvent

The type of the argumentAxisClick event handler's argument.

import { ArgumentAxisClickEvent } from "devextreme/viz/chart"
Type:

Object

ArgumentAxisConstantLines

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

import { ArgumentAxisConstantLines } from "devextreme/viz/chart"

ArgumentAxisConstantLinesLabel

Configures the constant line label.

import { ArgumentAxisConstantLinesLabel } from "devextreme/viz/chart"

ArgumentAxisConstantLineStyle

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

import { ArgumentAxisConstantLineStyle } from "devextreme/viz/chart"

ArgumentAxisConstantLineStyleLabel

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

import { ArgumentAxisConstantLineStyleLabel } from "devextreme/viz/chart"

ArgumentAxisLabel

Configures the labels of the argument axis.

import { ArgumentAxisLabel } from "devextreme/viz/chart"

ArgumentAxisStrips

Declares a collection of strips belonging to the argument axis.

import { ArgumentAxisStrips } from "devextreme/viz/chart"

ArgumentAxisStripsLabel

Configures the strip label.

import { ArgumentAxisStripsLabel } from "devextreme/viz/chart"

ArgumentAxisTitle

Configures the axis title.

import { ArgumentAxisTitle } from "devextreme/viz/chart"

BubblePointInfo

Series point data included in the Bubble series.

import { BubblePointInfo } from "devextreme/viz/chart"
Type:

Object

CandleStickPointInfo

Series point data included in CandleStick and Stock series.

import { CandleStickPointInfo } from "devextreme/viz/chart"
Type:

Object

ChartBubbleSeriesAggregationMethod

Specifies how to aggregate series points.

Accepted Values: 'avg' | 'custom'

ChartFinancialSeriesAggregationMethod

Specifies how to aggregate series points.

Accepted Values: 'ohlc' | 'custom'

ChartLabelDisplayMode

Specifies how to rotate or stagger horizontal axis labels.

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

ChartRangeSeriesAggregationMethod

Specifies how to aggregate series points.

Accepted Values: 'range' | 'custom'

ChartSeriesAggregationMethod

Specifies how to aggregate series points.

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

ChartTooltipLocation

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

Accepted Values: 'center' | 'edge'

ChartZoomAndPanMode

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

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

CommonAxisSettings

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

import { CommonAxisSettings } from "devextreme/viz/chart"

CommonAxisSettingsConstantLineStyle

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

import { CommonAxisSettingsConstantLineStyle } from "devextreme/viz/chart"

CommonAxisSettingsConstantLineStyleLabel

Configures constant line labels.

import { CommonAxisSettingsConstantLineStyleLabel } from "devextreme/viz/chart"

CommonAxisSettingsLabel

Configures axis labels.

import { CommonAxisSettingsLabel } from "devextreme/viz/chart"

CommonAxisSettingsStripStyle

Configures the appearance of strips.

import { CommonAxisSettingsStripStyle } from "devextreme/viz/chart"

CommonAxisSettingsStripStyleLabel

Configures the appearance of strip labels.

import { CommonAxisSettingsStripStyleLabel } from "devextreme/viz/chart"

CommonAxisSettingsTitle

Configures axis titles.

import { CommonAxisSettingsTitle } from "devextreme/viz/chart"

CommonPaneSettings

Defines common settings for all panes in a chart.

import { CommonPaneSettings } from "devextreme/viz/chart"

CommonPointInfo

Series point data included in all series types.

import { CommonPointInfo } from "devextreme/viz/chart"
Type: BasePointInfo

CommonSeriesSettings

Specifies settings common for all series in the chart.

import { CommonSeriesSettings } from "devextreme/viz/chart"

DisposingEvent

The type of the disposing event handler's argument.

import { DisposingEvent } from "devextreme/viz/chart"
Type:

Object

DoneEvent

The type of the done event handler's argument.

import { DoneEvent } from "devextreme/viz/chart"
Type:

Object

Used in:

DrawnEvent

The type of the drawn event handler's argument.

import { DrawnEvent } from "devextreme/viz/chart"
Type:

Object

Used in:

dxChartPointInfo

Series point data.

import { PointInfo } from "devextreme/viz/chart"

PointInfo is a union of multiple types that changes based on the hovered/pressed point's series type. Refer to the following topics for additional information:

EventKeyModifier

Specifies the key that enables panning when dragToZoom is true.

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

ExportedEvent

The type of the exported event handler's argument.

import { ExportedEvent } from "devextreme/viz/chart"
Type:

Object

ExportingEvent

The type of the exporting event handler's argument.

import { ExportingEvent } from "devextreme/viz/chart"
Type:

Object

FileSavingEvent

The type of the fileSaving event handler's argument.

import { FileSavingEvent } from "devextreme/viz/chart"
Type:

Object

FinancialChartReductionLevel

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

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

IncidentOccurredEvent

The type of the incidentOccurred event handler's argument.

import { IncidentOccurredEvent } from "devextreme/viz/chart"
Type:

Object

InitializedEvent

The type of the initialized event handler's argument.

import { InitializedEvent } from "devextreme/viz/chart"
Type:

Object

Legend

Specifies the properties of a chart's legend.

import { Legend } from "devextreme/viz/chart"
Type: BaseChartLegend |

Object

LegendClickEvent

The type of the legendClick event handler's argument.

import { LegendClickEvent } from "devextreme/viz/chart"
Type:

Object

OptionChangedEvent

The type of the optionChanged event handler's argument.

import { OptionChangedEvent } from "devextreme/viz/chart"
Type:

Object

Panes

Declares a collection of panes.

import { Panes } from "devextreme/viz/chart"

PointClickEvent

The type of the pointClick event handler's argument.

import { PointClickEvent } from "devextreme/viz/chart"
Type:

Object

PointHoverChangedEvent

The type of the pointHoverChanged event handler's argument.

import { PointHoverChangedEvent } from "devextreme/viz/chart"
Type:

Object

PointSelectionChangedEvent

The type of the pointSelectionChanged event handler's argument.

import { PointSelectionChangedEvent } from "devextreme/viz/chart"
Type:

Object

RangePointInfo

Series point data included in RangeArea and RangeBar series.

import { RangePointInfo } from "devextreme/viz/chart"
Type:

Object

SeriesClickEvent

The type of the seriesClick event handler's argument.

import { SeriesClickEvent } from "devextreme/viz/chart"
Type:

Object

SeriesHoverChangedEvent

The type of the seriesHoverChanged event handler's argument.

import { SeriesHoverChangedEvent } from "devextreme/viz/chart"
Type:

Object

SeriesSelectionChangedEvent

The type of the seriesSelectionChanged event handler's argument.

import { SeriesSelectionChangedEvent } from "devextreme/viz/chart"
Type:

Object

StackedPointInfo

Series point data included in stacked series.

import { StackedPointInfo } from "devextreme/viz/chart"
Type:

Object

Tooltip

import { Tooltip } from "devextreme/viz/chart"
Type: viz/chart_components/base_chart:BaseChartTooltip

A tooltip is a miniature rectangle displaying values of a series point. A tooltip appears when the end-user hovers the cursor over a series point. You can enable/disable tooltips, change their appearance and format their text using fields of the tooltip configuration object.

TooltipHiddenEvent

The type of the tooltipHidden event handler's argument.

import { TooltipHiddenEvent } from "devextreme/viz/chart"
Type:

Object

TooltipShownEvent

The type of the tooltipShown event handler's argument.

import { TooltipShownEvent } from "devextreme/viz/chart"
Type:

Object

ValueAxis

Configures the value axis.

import { ValueAxis } from "devextreme/viz/chart"

ValueAxisConstantLines

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

import { ValueAxisConstantLines } from "devextreme/viz/chart"

ValueAxisConstantLinesLabel

Configures the constant line label.

import { ValueAxisConstantLinesLabel } from "devextreme/viz/chart"

ValueAxisConstantLineStyle

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

import { ValueAxisConstantLineStyle } from "devextreme/viz/chart"

ValueAxisConstantLineStyleLabel

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

import { ValueAxisConstantLineStyleLabel } from "devextreme/viz/chart"

ValueAxisLabel

Configures the labels of the value axis.

import { ValueAxisLabel } from "devextreme/viz/chart"

ValueAxisStrips

Declares a collection of strips belonging to the value axis.

import { ValueAxisStrips } from "devextreme/viz/chart"

ValueAxisStripsLabel

Configures the strip label.

import { ValueAxisStripsLabel } from "devextreme/viz/chart"

ValueAxisTitle

Configures the axis title.

import { ValueAxisTitle } from "devextreme/viz/chart"

ZoomEndEvent

The type of the zoomEnd event handler's argument.

import { ZoomEndEvent } from "devextreme/viz/chart"
Type:

Object

ZoomStartEvent

The type of the zoomStart event handler's argument.

import { ZoomStartEvent } from "devextreme/viz/chart"
Type:

Object