Skip to main content

Area Lines and Splines

JavaScript Chart Types

  1. Home
  2. JavaScript Chart Types
  3. Area Lines and Splines

Area Lines and Splines

Back To Categories

JSCharting supports area lines and area splines in both horizontal and vertical orientations. Charts can be customized to stack or align on the axis with variable transparency to maintain legibility. Advanced arealine and spline feature support includes dynamic negative value styles, empty element handling and marker customization.

Area Types Chart

Area line series types.

Edit
Range Area Line Chart

Ranged area series type.

Edit
Area Line Chart
Area line series type.
Area Spline Chart
Area spline series type.
Area Population Pyramid
Population pyramid using arealines.
Simple Stream Graph
A simulated stream graph using a hidden stacked spline series.
Uncertainty Fan Chart
An uncertainty fan chart.
Dynamic Gradient Area Line Chart
Area line series with a dynamic gradient fill.
Stacked Area Line Chart
Stacked area line series type.
Annotated Stacked Step Chart
Stacked step line with last point axis tick summary.
Stacked Area Spline Chart
Stacked area spline series type.
Area Step Chart
Stepped area series type.
Stacked Area Step Chart
Stacked area step line series type.
NewFull Stacked Area Axis Marker Chart
A full stacked area chart with time series and axis markers.
NewNegative Area Overlay Chart
Area chart with a dynamically generated negative data overlay.
NewNegative Positive Area Overlay Chart
Area chart created from dynamically generated positive and negative segments.
Full Stacked Area Line Chart
Full stacked area line series type.
Full Stacked Area Spline Chart
Full stacked area spline series type.
No Markers Area Line Chart
Area line series with no markers.
Negative Area Line Chart
Area lines with negative values.
Missing Points Area Line Chart
An area line series with missing points.
Horizontal Area Line Chart
Horizontal area line series type.
Horizontal Stacked Area Line Chart
Horizontal stacked area line series type.