Area Chart

An Area Chart (Area Graph) displays quantitative data by coloring the area between an axis and a line. This area can also be filled with a texture (image) or hatchFill. An Area Chart is based on a Line Chart and can be used to highlight the total values over time, for example, displaying profit over time can emphasize the total profit.

Samples

Blood Sugar Test

Two linear gauges, divided into three ranges that represent the glucose tolerance levels, standing for the patient's blood data before glucose injection and two hours after it.

By anonymous, Feb 27

120

AS Strokes and Lines 02

By anonymous, Mar 6

100

JavaScript Area Chart [Final, Multi-Series]

By anonymous, Apr 14

100

Stacked Area Chart

Basic

By anonymous, Jun 10

100

Blood Sugar Test

Two linear gauges, divided into three ranges that represent the glucose tolerance levels, standing for the patient's blood data before glucose injection and two hours after it.

By anonymous, Feb 27

90

Blood Sugar Test

Two linear gauges, divided into three ranges that represent the glucose tolerance levels, standing for the patient's blood data before glucose injection and two hours after it.

By anonymous, Feb 27

90

AS Strokes and Lines 02

By anonymous, Feb 26

80

BCT Area Chart 01

By anonymous, Apr 7

80

JavaScript Area Chart [Customized, Multi-Series]

By anonymous, Apr 14

80

BCT Area Chart 01

By anonymous, Apr 6

70

JavaScript Area Chart [Basic, Single-Series]

By anonymous, Apr 14

70

Stacked Area Chart

A Stacked Area Chart is composed of several Area series having their own height and stacked vertically one by one. This type is convenient when one needs to see the variation of each Area series and the variation of the combined value.

By anonymous, Feb 5

70