React Chart Series Types

This section lists objects that define properties used to configure series of specific types.

import { ChartTypes } from "devextreme-react/chart"
Type: ChartTypes.dxChartSeriesTypes

AreaSeries

Describes settings supported by a series of the area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.area object
    Specifies settings for all series of the area type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts AreaSeriesType

BarSeries

Describes settings supported by a series of the bar type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.bar object
    Specifies settings for all series of the bar type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts BarSeriesType

BubbleSeries

Describes settings supported by a series of the bubble type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.bubble object
    Specifies settings for all series of the bubble type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts BubbleSeriesType

CandleStickSeries

Describes settings supported by a series of the candlestick type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.candlestick object
    Specifies settings for all series of the candlestick type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts CandleStickSeriesType

FullStackedAreaSeries

Describes settings supported by a series of the full-stacked area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.fullstackedarea object
    Specifies settings for all series of the fullstackedarea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts FullStackedAreaSeriesType

FullStackedBarSeries

Describes settings supported by a series of the full-stacked bar type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.fullstackedbar object
    Specifies settings for all series of the fullstackedbar type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts FullStackedBarSeriesType

FullStackedLineSeries

Describes settings supported by a series of the full-stacked line type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.fullstackedline object
    Specifies settings for all series of the fullstackedline type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts FullStackedLineSeriesType

FullStackedSplineAreaSeries

Describes settings supported by a series of the full-stacked spline area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.fullstackedsplinearea object
    Specifies settings for all series of the fullstackedsplinearea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts FullStackedSplineAreaSeriesType

FullStackedSplineSeries

Describes settings supported by a series of the full-stacked spline area type. An object defining a series of the fullStackedSpline type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.fullstackedspline object
    Specifies settings for all series of the fullstackedspline type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts FullStackedSplineSeriesType

LineSeries

Describes settings supported by a series of the line type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.line object
    Specifies settings for all series of the line type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts LineSeriesType ChartJS

RangeAreaSeries

Describes settings supported by a series of the range area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.rangearea object
    Specifies settings for all series of the rangearea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts RangeAreaSeriesType

RangeBarSeries

Describes settings supported by a series of the range bar type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.rangebar object
    Specifies settings for all series of the rangebar type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts RangeBarSeriesType

ScatterSeries

Describes settings supported by a series of the scatter type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.scatter object
    Specifies settings for all series of the scatter type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts ScatterSeriesType

SplineAreaSeries

Describes settings supported by a series of the spline area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.splinearea object
    Specifies settings for all series of the splinearea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts SplineAreaSeriesType

SplineSeries

Describes settings supported by a series of the spline type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.spline object
    Specifies settings for all series of the spline type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts SplineSeriesType

StackedAreaSeries

Describes settings supported by a series of the stacked area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stackedarea object
    Specifies settings for all series of the stackedarea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StackedAreaSeriesType

StackedBarSeries

Describes settings supported by a series of the stacked bar type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stackedbar object
    Specifies settings for all series of the stackedbar type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StackedBarSeriesType

StackedLineSeries

Describes settings supported by a series of the stacked line type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stackedline object
    Specifies settings for all series of the stackedline type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StackedLineSeriesType

StackedSplineAreaSeries

Describes settings supported by a series of the stacked spline area type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stackedsplinearea object
    Specifies settings for all series of the stackedsplinearea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StackedSplineAreaSeriesType

StackedSplineSeries

Describes settings supported by a series of the stacked spline type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stackedspline object
    Specifies settings for all series of the stackedspline type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StackedSplineSeriesType

StepAreaSeries

Describes settings supported by a series of the step rea type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.steparea object
    Specifies settings for all series of the steparea type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StepAreaSeriesType

StepLineSeries

Describes settings supported by a series of the step line type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stepline object
    Specifies settings for all series of the stepline type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StepLineSeriesType

StockSeries

Describes settings supported by a series of the stock type.

Type:

Object

All the settings in this section are specified as follows:

  • The commonSeriesSettings object
    Specifies settings for all series in a Chart.

  • The commonSeriesSettings.stock object
    Specifies settings for all series of the stock type.

  • An object in the series array
    Specifies settings for an individual series.

View Demo

DevExtreme HTML5 Charts StockSeriesType