DevExtreme v24.2 is now available.

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

Angular React Vue
  • Demos
  • Docs
  • What's new
    Roadmap
  • Support
  • ThemeBuilder
  • Blog
Free Trial Buy
  • Demos
  • Docs
  • What's new
    New
  • Roadmap
    New
  • Support
  • ThemeBuilder
  • Blog
  • Overview
  • Getting Started
  • UI Components
    • Accordion
    • ActionSheet
    • Autocomplete
    • BarGauge
    • Box
    • Bullet
    • Button
    • ButtonGroup
    • Calendar
    • Chart
      • Overview
      • How To
      • API
      • Demos
    • CheckBox
    • CircularGauge
    • ColorBox
    • ContextMenu
    • DataGrid
    • DateBox
    • DeferRendering
    • Diagram
    • Draggable
    • Drawer
    • DropDownBox
    • DropDownButton
    • FileManager
    • FileUploader
    • FilterBuilder
    • Floating Action Button
    • Form
    • Funnel
    • Gallery
    • Gantt
    • HtmlEditor
    • LinearGauge
    • List
    • LoadIndicator
    • LoadPanel
    • Lookup
    • Map
    • Menu
    • MultiView
    • NavBar
    • NumberBox
    • PieChart
    • PivotGrid
    • PivotGridFieldChooser
    • PolarChart
    • Popover
    • Popup
    • ProgressBar
    • RadioGroup
    • RangeSelector
    • RangeSlider
    • Resizable
    • ResponsiveBox
    • Sankey
    • Scheduler
    • ScrollView
    • SelectBox
    • SlideOut
    • SlideOutView
    • Slider
    • Sortable
    • Sparkline
    • Switch
    • TabPanel
    • Tabs
    • TagBox
    • TextArea
    • TextBox
    • TileView
    • Toast
    • Toolbar
    • Tooltip
    • TreeList
    • TreeMap
    • TreeView
    • VectorMap
    • Utilities
  • Data Binding
  • Data Validation
  • Localization and Globalization
  • UI Customization
  • DevExtreme CLI
  • Advanced Topics
  • Troubleshooting
  • Migrate to the New Version
Documentation Menu
  • jQuery Documentation
  • UI Components
  • Chart
  • Demos
  • jQuery Documentation
  • UI Components
  • Chart
  • Demos

A newer version of this page is available.

v25.1 v24.2 v24.1 v23.2 v23.1 v22.2 v22.1 v21.2 v21.1
The page you are viewing does not exist in version 21.1.
v20.2
The page you are viewing does not exist in version 20.2.
v20.1
The page you are viewing does not exist in version 20.1.
v19.2
The page you are viewing does not exist in version 19.2.
v19.1
The page you are viewing does not exist in version 19.1.
v18.2
The page you are viewing does not exist in version 18.2.
v18.1
The page you are viewing does not exist in version 18.1.
v17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery Chart - Demos

Chart features are illustrated and described in the following technical demos:

Data Binding

  • Simple Array
  • JSON Data
  • Client-Side Data Processing
  • Server-Side Data Processing
  • Dynamic Series from the DataSource
  • SignalR Service
  • Load Data on Demand

Line Charts

  • Line
  • Spline
  • Resolved Axis Label Overlapping
  • Hover Mode
  • Step Line
  • Crosshair
  • Point Image
  • Logarithmic vs Linear Axis

Bar Charts

  • Standard Bar
  • Side-by-Side Bar
  • Stacked Bar
  • Full-Stacked Bar
  • Side-by-Side Stacked Bar
  • Drill-Down Chart
  • Side-by-Side Full-Stacked Bar
  • Auto-Calculated Bar Width
  • Custom Bar Width
  • Color Each Bar Differently
  • Customize Points and Labels
  • Scale Breaks
  • Bi-Directional Bar Chart
  • Custom Annotations

Financial Charts

  • Stock
  • Candlestick
  • Points Aggregation
  • Chart with Annotations

Area Charts

  • Area
  • Spline Area
  • Step Area
  • Step Area with Gaps

Point Charts

  • Scatter
  • Bubble
  • Scatter Logarithmic Axis
  • Custom Axis Position

Range Charts

  • Range Bar
  • Timeline Chart
  • Range Area

Combinations

  • Multiple Axes
  • Multiple Panes
  • Points Aggregation
  • Error Bars
  • Pareto Chart
  • Custom Legend Markers
  • Discrete Aggregation
  • Axis Labels Templates
  • Strips

  • More Features

  • Export and Printing API

  • Export Several Charts
  • Export Custom Markup
  • Selection
  • Multiple Series Selection
  • Multiple Point Selection
  • Select a Point - API
  • Zooming on Area Selection
  • Zooming and Panning
  • Zooming and Panning API
  • Discrete Axis Zooming and Panning
Was this topic helpful?
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!

Copyright © 2011-2025 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners.

Use of this site constitutes acceptance of the Developer Express Inc Website Terms of Use, Privacy Policy (Updated), and .
Use of DevExtreme UI components/libraries constitutes acceptance of the Developer Express Inc End User License Agreement.

FAQs: Licensing | DevExpress Support Services | Supported Versions & Requirements | Maintenance Releases

OSZAR »