HTML5 charts are a flexible, interactive way to explore your data graphically. You can choose different levels of aggregation for rows and columns and create attractive interactive reports.

Before you add a chart to your report, consider the best way to display your data. The following table describes the available chart types.

HTML5 Chart Types

Icon

Description

Column charts - Compare values displayed as columns

Column. Multiple measures of a group are depicted as 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 representing 100% of the amounts for a category. Used when you have three or more data series and want to compare distributions within categories and at the same time display the differences between categories.

Bar charts - Compare values displayed as bars

Bar. Graphically summarize and display categories of data to let users easily compare amounts or values among categories.

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 representing 100% of the amounts for a category. Used when you have three or more data series and want to compare distributions within categories and at the same time display the differences between categories.

Line charts - Compare values displayed as points connected by lines

Line. Displays data points connected with straight lines, typically to show trends.

Spline. Displays data points connected with a fitted curve. Allow you to take a limited set of known data points and approximate intervening values.

Stacked Line. Displays series as a set of points connected by a line. Values are represented on the y-axis and categories are displayed on the x-axis. Lines do not overlap because they are cumulative at each point.

Stacked Spline. Displays series as a set of points connected with a fitted curve. Values are represented on the y-axis and categories are displayed on the x-axis. Lines do not overlap because they are cumulative at each point

Stacked Percent Line. A variation of a line chart in which each series adjoins but does not overlap the preceding series.

Stacked Percent Spline. A variation of a spline chart in which each series adjoins but does not overlap the preceding series.

Area charts - Compare values displayed as shaded areas. Compared to line charts, area charts emphasize quantities rather than trends.

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.

Stacked 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 sized, and arranged vertically one on top of the another.

Area Spline. Displays data points connected with a fitted curve and a color below the line; groups are displayed as transparent overlays.

Stacked Area Spline. Displays a series as a set of points connected by a smooth line with the area below the line filled in. Values are represented on the y-axis and categories are displayed on the x-axis. Areas do not overlap because they are cumulative at each point.

Stacked Percent Area Spline. A variation of area spline charts that present values as trends for percentages, totaling 100% for each category.

Pie charts - Compare values displayed as slices of a circular graph

Pie. Multiple items of a single group are displayed as sectors of a circle.