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