View Categories

HTML5 Chart Types

6 min read

image_pdfimage_print
IconDescriptionRules
Column ChartsColumn Charts compare values displayed as columns 
Column. Multiple measures of a group are depicted in individual columns. 
Stacked Column. Multiple measures of a group are depicted as portions of a single column whose size reflects the aggregate value of the group. 
Percent Column. Multiple measures of a group are depicted as portions of a single column of fixed size. 
Spider Column. Multiple measures of a group are depicted as portions of individual “columns” along with a spoked chart. 
Bar ChartsBar charts compare values displayed as bars. 
Bar. Multiple measures of a group are depicted as individual bars. 
Stacked Bar. Multiple measures of a group are depicted as portions of a single bar whose size reflects the aggregate value of the group. 
Percent Bar. Multiple measures of a group are depicted as portions of a single bar of fixed size. 
Line ChartsLine charts compare values displayed as points connected by lines 
Line. Displays data points connected with straight lines. 
Spline. Displays data points connected with a fitted curve. 
Spider Line. Displays data points connected with straight lines on a spooked chart. 
Area Charts  
Area. Displays data points connected with a straight line and a color below the line; groups are displayed as transparent overlays. 
Stacked Area. Displays data points connected with a straight line and a solid color below the line; groups are displayed as solid areas arranged vertically, one on top of another 
Percent Area. Displays data points connected with a straight line and a solid color below the line; groups are displayed as portions of an area of fixed size and arranged vertically one on top of another. 
Area Spline. Displays data points connected with a fitted curve and a color below the line; groups are displayed as transparent overlays. 
Spider Area. Displays data points connected with straight lines and a solid color between the line and the center of a spoken chart; groups are displayed as transparent overlays. 
Dual – and Multi-Axis ChartsYou can compare two or more measures, using one charting time or multiple charting types, with the charts listed here 
Column Line. Displays leftmost measures as bars, last measure as a line
  • Requires two or more measures.
  • Measures must be placed in the Columns location.
  • Fields and dimensions can be placed only in the Rows location
Stacked Column Line. Displays leftmost measures as stacked bars, last measure as a line.
  • Requires three or more measures.
  • Measures must be placed in the Columns location
  • Fields and dimensions can be placed only in the Rows location.
Column Spline. Displays leftmost measures as bars the last measure as a spline.
  • Requires two or more measures
  • Measures must be placed in the Columns location.
  • Fields and dimension can be placed only in the Rows location.
Stacked Column Spline. Displays leftmost measures as stacked bars, last measure as a line.
  • Requires three or more measures.
  • Measures must be placed in the Columns location
  • Fields and dimensions can be placed only in the Rows location.
Multi-Axis Line. Displays each measure as a separate axis line.
  • Requires two or more measures.
  • Measures must be placed in the Columns location
  • Fields and dimensions can be placed only in the Rows location.
Multi-Axis Spline. Displays each measure as a separate axis spline.
  • Requires two or more measures.
  • Measures must be placed in the Columns location.
  • Fields and dimensions can be placed only in the Rows location.
Multi-Axis Column. Displays each measure as a separate axis column.
  • Requires two or more measures.
  • Measures must be placed in the Columns location.
  • Fields and dimensions can be placed only in the Rows location.
Time Series ChartsTime series charts illustrate data points at successive time intervals. 
Line. Displays date and time data points connected with straight lines.
  • Requires a single date/time field in the Rows location.
  • Field must be set to the day group function.
Spline. Displays date and time data points connected with a fitted curve.
  • Requires a single date/time field in the Rows location.
  • Filed must be set to the day group function.
Area. Displays date and time data points connected with a straight line and a color below the line; groups are displayed as transparent overlays.
  • Requires a single date/time field in the Rows location.
  • Filed must be set to the day group function.
Area Spline. Displays date time and time data points connected with a fitted curve and a color below the line; groups are displayed as transparent overlays.
  • Requires a single date/time field in the Rows location.
  • Field must be set to the day group function.
Scatter ChartsScatter charts show the extent of correlation between the values of observed quantities 
Scatter. Displays first measures as the x-axis, the second measure as the y-axis. Other fields and dimensions in the column group become data points.
  • Requires exactly two measures.
  • Measures must be placed in the Columns location.
Bubble ChartsBubble charts show the correlation between the three measures, displayed as disks. 
Bubble. Displays the first measure as the x-axis, the second measure as the y-axis and the third measure determine the size of the disk. 
Pie ChartsPie charts display values as slices of a circular graph. 
Pie. Multiple measures of a group are displayed as sectors of a circle. 
Dual Pie. Multiple measures of a group are displayed as sectors of concentric circles. 
Semi-Pie. Multiple measures of a group are displayed as sectors of a half-circle. 
Range ChartsRange Charts display values heat maps 
Heat Map. Individual values represented as colors
  • One filed, followed by one measure required in the Columns location.
  • One filed required in the Rows location.
Time Series Heat Map. Individual values across dates/times represented as colors.
  • One Measure is required in the Columns location.
  • One Date/Time field is required in the Rows location.
Dual Measure Tree Map. Displays data as color-coded rectangles; the size of each rectangle is proportional to the first measure and the color represents the second measure.
  • Two Measures required in the Columns location.
  • One field is required in the Rows location.
Tree Map. Displays the data as rectangles; the size of each rectangle is proportional to the measure of the data it represents. The tree map displays nested rectangles when you more than one field; the parent rectangle represents the leftmost measure while the nested rectangles represent the current level of aggregation. Click on a parent rectangle to drill down to the nest rectangles.
  • One Measure is required in the Columns location.
  • On field is required in the Rows location.
Parent Tree Map. Displays data as nested rectangles; the size of each rectangle is proportional to the measure of the data it represents. The nested rectangles represent the current level of aggregation while the larger rectangle represents the parent level in the hierarchy. Click on a parent rectangle to drill down to the nested rectangles.
  • One Measure is required in the Columns location.
  • Two or more Fields are required in the Rows location.
Go to Top