JavaScript/jQuery Chart - Demos

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

• Overview

Data Binding

• Simple Array
• JSON Data
• Client-Side Data Processing
• Server-Side Data Processing
• Dynamic Series
• SignalR Service
• Load Data On Demand

Area Charts

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

Bar Charts

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

Bullet Charts

• Bullets

Doughnut Charts

• Doughnut
• Doughnut Selection
• Doughnut with Top N Series
• Doughnut with Multiple Series
• Center Label Customization

Financial Charts

• Stock
• Candlestick
• Points Aggregation
• Annotations

Funnel and Pyramid Charts

• Funnel Chart
• Pyramid Chart

Line Charts

• Line
• Spline
• Resolve Label Overlap
• Hover Mode
• Step Line
• Crosshair
• Point Image
• Logarithmic vs Linear Axes

Pareto Chart

• Pareto Chart

Pie Charts

• Pie
• Equal Size Pies
• Label Customization
• Small Value Groups
• Resolve Label Overlap
• Palette
• Annotations
• Custom Fill Styles

Point Charts

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

Polar and Radar Charts

• Continuous Data
• Discrete Data
• Spider Web
• Wind Rose
• Periodic Data
• Inverted Chart
• Annotations

Range Charts

• Range Bar
• Timeline Chart
• Range Area

Sankey Chart

• Overview

Sparkline Charts

• Sparklines
• Area Sparklines
• Bar Sparklines
• Winloss Sparklines

Tree Map

• Hierarchical Data Structure
• Plain Data Structure
• Tiling Algorithms
• Colorization
• Drill Down

Axis

• Multiple Axes
• Strips

Aggregation

• Points Aggregation
• Discrete Points Aggregation

Tooltips

• Tooltip API
• Tooltip Customization

Selection

• Selection
• Multiple Series Selection
• Multiple Point Selection
• Point Selection API

Customization

• Axis Label Customization
• Legend Markers Customization
• Multiple Panes
• Error Bars

Zooming

• Area Selection Zooming
• Zooming and Panning
• Zooming and Panning API
• Discrete Axis Zooming and Panning
• Polar Chart Zooming and Panning API

Export

• Export and Printing API
• Export Several Charts
• Export Custom Markup