JavaScript/jQuery Chart - Overview

A series is a collection of related data points.

DevExtreme HTML5 JavaScript Charts Series

The most important characteristic of a series is its type. The Chart provides over 20 series types, and all of them are described in the Series Types article. You can specify the type of a series using its type property.

JavaScript
  • $(function() {
  • $("#chartContainer").dxChart({
  • // ...
  • series: {
  • // ...
  • type: 'bar'
  • }
  • });
  • });

A single Chart can contain several series at once. In this case, the series property accepts an array of series objects. To enable a user to identify a series among others on the chart legend, specify its name.

JavaScript
  • $(function() {
  • $("#chartContainer").dxChart({
  • // ...
  • series: [{
  • // ...
  • type: 'bar',
  • name: 'Men'
  • }, {
  • // ...
  • type: 'area',
  • name: 'Women'
  • }]
  • });
  • });

Objects in the series array specify individual settings for series. You can also specify common settings for all chart series using the commonSeriesSettings object. Individual series settings override common settings.

JavaScript
  • $(function() {
  • $("#chartContainer").dxChart({
  • // ...
  • series: {
  • // high priority
  • },
  • commonSeriesSettings: {
  • // low priority
  • }
  • });
  • });
See Also