All docs
V24.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
Map
A newer version of this page is available. Switch to the current version.

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"

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"

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:

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

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

Tooltip

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

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