Skip to main content

Lines, Splines and StepLines

JavaScript Chart Types

  1. Home
  2. JavaScript Chart Types
  3. Lines, Splines and StepLines

Lines, Splines and StepLines

Back To Categories

JSCharting includes extensive line support with custom makers, dash styles, dynamic data-connected markers, line only, empty element and line fit varitaions including stepline, straight line and spline visualizations.

Bump Chart Line Rank Trends

JavaScript code editor ranking over time.

Edit
Line Types Chart

This sample demonstrates different main line series types.

Edit
Multi Line Chart
A styled line chart with time x axis scale.
Line Caps Chart
Line chart with arrow caps.
Bump Chart
Boy and girl baby name rankings over time.
Multi Line Chart Comparison
Multiple charts comparing company gross and net revenues.
Linear Trendline
Linear trendline calculation with prediction and r squared value.
Multi Dimentional Trend Line Chart
A multidimensional trend line chart that compares two time periods.
No Marker Line Chart
Line series type with no markers.
Spline Tension Chart
Demonstrates line tension options of spline series type.
Line Segment Selection
Muted vector segments that appear on hover or when selected with a drop down.
Interactive Line Selection
Uses series selection to highlight line series in sync with a dropdown control.
Spline Chart
Spline series types.
Uncertainty Projections Line Chart
A line projection making up the average of many projection lines.
Average Line Chart
A computed line series with muted source lines for context.
iPhone Price Trend Line Chart
Line chart of phone prices.
Line Error Styling
Line chart with styled error bars.
Step Line Chart
Stepline series types.
Multi Series Trendline
A JavaScript line chart with multiple series illustrating Chrome browsers rise to dominance over time.
Line Error Offset
Line series with default offset error bars.
Styled Line Chart
A line series type with styled lines.
Illustration Line Chart
A line chart used to illustrate a concept.
Line From CSV
Line chart using CSV data file.
Time Line Error
Time scale line chart with error bars.
Uncertainty Range Line Chart
An uncertainty line projection chart.
Web Service CSV Data
Line chart loaded from a CSV data web service.
Large Marker Line Chart
A line series type with large markers.
Dynamic Point Color Line Chart
A Line series type with large dynamic point color markers.
Missing Point Line Chart
A line series with missing points.
Horizontal Line Chart
A horizontal line chart with styled markers and crosshair.
Horizontal Spline Chart
Horizontal spline series types.
Horizontal Step Line Chart
Horizontal stepline series types.
Dynamic Marker Line Chart
A line series with different color markers.

See also Area Line Chart Gallery