JavaScript Chart Types

At this blog entry, we look at the chart types available in the ShieldUI Charting component.
Some of these types are shown below:



The Chart component supports the following fully customizable types of series:

• area
• bar
• donut
• line
• pie
• polararea
• polarbar
• polarline
• polarscatter
• polarspline
• polarsplinearea
• rangearea
• rangebar
• rangesplinearea
• scatter
• spline
• splinearea
• steparea
• stepline
• sparkline

The type of series is determined through the seriesType setting.

The bar series type can be a standard vertical bar, or an inverted one. The inverted layout is achieved by inverting the chart itself, as demonstrated in the code snippet below:

1 2 3

{     isInverted: true }

Additional customization opitons per series type are available here.