Chart Types

jqxChart supports several common chart types. You can easily plot series of different types within the same chart. A type must be specified for each series group. Currently jqxChart supports the following series types:

  • column - simple column series
  • stackedcolumn - stacked column series
  • stackedcolumn100 - percentage stacked columns
  • rangecolumn - floating column between two values
  • line - simple streight lines connecting the value points
  • stackedline - stacked lines
  • stackedline100 - percentage stacked lines
  • spline - smooth lines connecting the value points
  • stackedspline - smooth stacked lines
  • stackedspline100 - percentage stacked smooth lines
  • stepline - step line
  • stackedstepline - stacked step line
  • stackedstepline100 - percentage stacked step line
  • area - area connecting the value points with streight lines
  • stackedarea- stacked area with streight lines between the points
  • rangearea - floating area between pairs of value points
  • stackedline100 - percentage stacked area
  • splinearea - smooth area connecting the value points
  • splinerangearea - smooth floating area between pairs of value points
  • stackedsplineara - smooth stacked area
  • stackedsplinearea100 - percentage stacked smooth area
  • steplinearea - step area connecting the value points
  • stackedsteplineara - step stacked area
  • stackedsteplinearea100 - percentage stacked step area
  • pie - circular chart divided into sectors, illustrating proportion
  • donut - chart divided into circular sectors with different inner and outer radius
  • scatter - data is displayed as a collection of points
  • bubble - data is displayed as a collection of bubbles
  • candlestick - display candlestick series using open, high, low, close data points
  • ohlc - display OHLC series using open, high, low, close data points
  • waterfall - waterfall chart
  • stackedwaterfall - stacked waterfall chart


The following code defines a single series group with three series which will be rendered as lines:
If you want to display multiple of series with different types you can define several series groups and change the type property.

Basic Chart