JavaScript/jQuery Chart - Overview
A series is a collection of related data points.
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.
- $(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.
- $(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.
- $(function() {
- $("#chartContainer").dxChart({
- // ...
- series: {
- // high priority
- },
- commonSeriesSettings: {
- // low priority
- }
- });
- });
See Also
If you have technical questions, please create a support ticket in the DevExpress Support Center.