JavaScript/jQuery Chart - Overview

DevExtreme Chart is an interactive UI component that visualizes data from local or remote storage with various series types.

This overview highlights Chart elements, key features, and next steps.

1. Value axis
2. Argument axis
3. Legend
4. Title
5. Point label
6. Area
7. Line
8. Bar

• Series Types
  The Chart component includes over 20 series types, with the most popular ones being:

  • Line
  • Bar
  • Area
  • Scatter
  • Bubble
  • Financial
  • Range

  Combine them, customize appearance, and configure individual points.

• Data Sources
  Chart can load and update data from various data source types. Bind data directly or use a series template.

• Informational Elements
  You can enhance the Chart with additional information elements, such as:

  • Legend
  • Grid
  • Title and Subtitle
  • Strips
  • Constant Lines
  • Error Bars

• Interactive Features
  Add interactivity to your Chart with the following elements:

  • Tooltips
  • Crosshair
  • Zooming and Panning
  • Client-Side Exporting and Printing
  • Adaptive Layout
  • Drill-Down

• Customization
  The following Chart customizations are available:

  • Multiple Axes
  • Multiple Panes
  • Custom Legend Markers
  • Axis Label Templates
  • Tooltip Templates
  • Color Gradients and Patterns

• Data Aggregation
  Charts with too many series points can impact performance and readability. To improve analysis, DevExtreme Chart supports point and discrete aggregation modes.

• API

• Demos