Gallery

JavaScript Chart Types

Lines, Splines and StepLines

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.

Line Types This sample demonstrates different main line series types.

Edit Code

- Lines
  A line series type.
- Line Type Caps
  Line chart with arrow caps.
- Line Error Offset
  Line series with default offset error bars.
- Line Error Styling
  Styling error bars on a Line series.
- Splines
  Spline series types.
- I Phone Prices
  Line chart of phone prices.
- Stepline
  Stepline series types.
- Lines Styled
  A line series type with thick and dashed styling.
- Line From Csv
  Line chart using CSV data file.
- Lines Marker N
  Line series type with no markers.
- Time Line Error
  Draw error bars on a time x axis scale.
- Web Service Csv Data
  Line chart loaded from a CSV data web service.
- Lines Marker L
  A line series type with large markers.
- Lines Marker M
  A Line series type with large markers.
- Lines Point M
  A line series with missing points.
- Lines H
  A horizontal line series type.
- Splines H
  Horizontal spline series types.
- Step Line H
  Horizontal stepline series types.
- Lines Marker Dyn
  A line series with different color markers.