DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Free Trial Buy

charts

AnimationEaseMode

Specifies the animation easing mode.

Type:

Literal Union

Accepted Values: 'easeOutCubic' | 'linear'

AnnotationType

Specifies whether the annotation displays text, an image, or a template.

Type:

Literal Union

Accepted Values: 'text' | 'image' | 'custom'

ArgumentAxisHoverMode

Specifies chart elements to be highlighted when a user points to an axis label.

Type:

Literal Union

Accepted Values: 'allArgumentPoints' | 'none'

AxisScaleType

Specifies the type of the axis.

Type:

Literal Union

Accepted Values: 'continuous' | 'discrete' | 'logarithmic'

ChartsAxisLabelOverlap

Decides how to arrange axis labels when there is not enough space to display all of them.

Type:

Literal Union

Accepted Values: 'rotate' | 'stagger' | 'none' | 'hide'

ChartsColor

Specifies the chart's color.

import { ChartsColor } from "devextreme/common/charts"
Type:

Object

ChartsDataType

Specifies the type of axis values.

Type:

Literal Union

Accepted Values: 'datetime' | 'numeric' | 'string'

ChartsLabelOverlap

Specifies how the chart must behave when series point labels overlap.

Type:

Literal Union

Accepted Values: 'hide' | 'none' | 'stack'

DashStyle

Sets a dash style for the chart elements.

Type:

Literal Union

Accepted Values: 'dash' | 'dot' | 'longDash' | 'solid'

DiscreteAxisDivisionMode

Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels.

Type:

Literal Union

Accepted Values: 'betweenLabels' | 'crossLabels'

GradientColor

Specifies colors on which gradient is based.

import { GradientColor } from "devextreme/common/charts"
Type:

Object

HatchDirection

Specifies the direction of hatching lines.

Type:

Literal Union

Accepted Values: 'left' | 'none' | 'right'

LabelOverlap

Decides how to arrange scale/axis labels when there is not enough space to keep all of them.

Type:

Literal Union

Accepted Values: 'hide' | 'none'

LabelPosition

Specifies a label position relative to the chart.

Type:

Literal Union

Accepted Values: 'columns' | 'inside' | 'outside'

LegendHoverMode

Specifies what series elements to highlight when a corresponding item in the legend is hovered over.

Type:

Literal Union

Accepted Values: 'excludePoints' | 'includePoints' | 'none'

LegendMarkerState

The marker's state.

Type:

Literal Union

Accepted Values: 'normal' | 'hovered' | 'selected'

Palette

Sets the palette to be used for colorizing chart elements.

Type:

Literal Union

Accepted Values: 'Bright' | 'Harmony Light' | 'Ocean' | 'Pastel' | 'Soft' | 'Soft Pastel' | 'Vintage' | 'Violet' | 'Carmine' | 'Dark Moon' | 'Dark Violet' | 'Green Mist' | 'Soft Blue' | 'Material' | 'Office'

PaletteColorSet

Returns a subset of palette colors.

Type:

Literal Union

Accepted Values: 'simpleSet' | 'indicatingSet' | 'gradientSet'

PaletteExtensionMode

Specifies how to extend the palette when it contains less colors than the number of chart points/series.

Type:

Literal Union

Accepted Values: 'alternate' | 'blend' | 'extrapolate'

PointInteractionMode

Specifies series elements to be highlighted when a user interacts with a series point.

Type:

Literal Union

Accepted Values: 'allArgumentPoints' | 'allSeriesPoints' | 'none' | 'onlyPoint'

PointSymbol

Specifies which symbol should represent series points in scatter, line- and area-like series.

Type:

Literal Union

Accepted Values: 'circle' | 'cross' | 'polygon' | 'square' | 'triangle' | 'triangleDown' | 'triangleUp'

RelativePosition

Specifies the position of a chart element on the plot.

Type:

Literal Union

Accepted Values: 'inside' | 'outside'

ScaleBreakLineStyle

Specifies the scale breaks' line style.

Type:

Literal Union

Accepted Values: 'straight' | 'waved'

SeriesHoverMode

Specifies series elements to be highlighted when a user points to a series.

Type:

Literal Union

Accepted Values: 'allArgumentPoints' | 'allSeriesPoints' | 'excludePoints' | 'includePoints' | 'nearestPoint' | 'none' | 'onlyPoint'

SeriesSelectionMode

Specifies series elements to be highlighted when a user selects a series.

Type:

Literal Union

Accepted Values: 'allArgumentPoints' | 'allSeriesPoints' | 'excludePoints' | 'includePoints' | 'none' | 'onlyPoint'

SeriesType

Sets the series type.

Type:

Literal Union

Accepted Values: 'area' | 'bar' | 'bubble' | 'candlestick' | 'fullstackedarea' | 'fullstackedbar' | 'fullstackedline' | 'fullstackedspline' | 'fullstackedsplinearea' | 'line' | 'rangearea' | 'rangebar' | 'scatter' | 'spline' | 'splinearea' | 'stackedarea' | 'stackedbar' | 'stackedline' | 'stackedspline' | 'stackedsplinearea' | 'steparea' | 'stepline' | 'stock'

ShiftLabelOverlap

Specifies how a chart should behave when point/bar/item labels overlap.

Type:

Literal Union

Accepted Values: 'hide' | 'none' | 'shift'

TextOverflow

Specifies how to arrange chart text elements that overflow their containers: hide, truncated them with ellipsis, or leave them as they are.

Type:

Literal Union

Accepted Values: 'ellipsis' | 'hide' | 'none'

Theme

Sets the name of the theme the UI component uses.

Type:

Literal Union

Accepted Values: 'generic.dark' | 'generic.light' | 'generic.contrast' | 'generic.carmine' | 'generic.darkmoon' | 'generic.darkviolet' | 'generic.greenmist' | 'generic.softblue' | 'material.blue.light' | 'material.lime.light' | 'material.orange.light' | 'material.purple.light' | 'material.teal.light'

TimeInterval

Specifies various time intervals.

Type:

Literal Union

Accepted Values: 'day' | 'hour' | 'millisecond' | 'minute' | 'month' | 'quarter' | 'second' | 'week' | 'year'

ValueErrorBarDisplayMode

Specifies whether error bars must be displayed in full or partially.

Type:

Literal Union

Accepted Values: 'auto' | 'high' | 'low' | 'none'

ValueErrorBarType

Specifies how error bar values must be calculated.

Type:

Literal Union

Accepted Values: 'fixed' | 'percent' | 'stdDeviation' | 'stdError' | 'variance'

VisualRangeUpdateMode

Specifies how the selected or visual range should behave when data is updated.

Type:

Literal Union

Accepted Values: 'auto' | 'keep' | 'reset' | 'shift'

WordWrap

Specifies how to wrap texts that do not fit into a single line.

Type:

Literal Union

Accepted Values: 'normal' | 'breakWord' | 'none'

ZoomPanAction

Specifies zoom or pan mode.

Type:

Literal Union

Accepted Values: 'zoom' | 'pan'