LightningChart JS

Best line charts performance

Line series of 1,000,000 points: rendering even in 60 milliseconds or less
(modern Desktop PC).

Real-time scrolling line series capacity of > 50 million data points.

Render hundreds of charts in a Dashboard

Web sites, intranet solutions, app development

Optimal for engineering, medicine, industrial process control and trading

Top user experience

LightningChart® JS’s exceptionally powerful rendering ensures smooth animations exceeding all industry standards in amount of data per chart. The graphing library provides intuitive touch screen interactivity with zooming, panning, moving data cursors and so on.

Dashboard control makes it easy and convenient to manage dozens of charts, legend boxes, buttons, check boxes and other UI elements. The dashboard is rendered resource‑efficiently in single GPU‑scene which also makes resizing columns and rows very fast.

Zooming interactive chart in touch screen using LightningChart charting library

XY Charts

  • Series types: Line and point series, area series, area range series, OHLC series, rectangles, ellipses, box-whisker and line segment series.
  • Linear axes can be placed left/right/top/bottom and possibility to have several X and Y axes per chart.
  • Scaling modes include fitting, Expansion, Progressive/ Regressive and Manual.
  • Markers and data cursors have customizable shape and styles.

Radar / Spider charts

  • Categorical automatically generated axes.
  • Round and lines grid.
  • Line, point and filled area series.
  • Scaling modes include fitting, expansion and manual.
  • Data cursors have customizable shape and styles.

Pie / Donut charts

  • Slices can be styled using different fill and border-styles.
  • Fully customizable sorting and formatting of slices.
  • Slice value transitions as well as disposing/restoring are animated.
  • Labels can be set on side with connector-lines or inside Slices
  • Slices can be “exploded” programmatically or by mouse/touch.

Funnel Charts

  • Slices can be styled using different fill and stroke styles.
  • Slices can have empty gaps in between.
  • Fully customizable sorting and formatting of slices.
  • Labels can be set on side with connector lines or inside slices.
  • Two different ways to show the slices based on their values: Variable width and Variable height.
  • Slices can be animated. Changing values of slices, adding and removing slices support animations.
  • User can enable or disable animations for all slices.

Gauge Charts

  • Gauge can be styled using different fill and stroke styles.
  • Set the thickness of the Gauge.
  • Gauge Slice can be styled using different fill styles.
  • Fully customizable formatting and styling of slices.
  • Customize the start and end angles of the gauge.
  • Customize the value interval of the gauge.
  • Gauge value change, interval and angle transitions and gauge dispose/restore are animated.

Pyramid Charts

  • Slices can be styled using different fill and stroke styles.
  • Slices can have empty gaps in between.
  • Fully customizable sorting and formatting of slices.
  • Labels can be set on side with connector lines or inside slices.
  • Slices can be animated. Changing values of slices, adding and removing slices support animations.
  • User can enable or disable animations for all slices.

The highest-performance charting library for the web

LightningChart® JS comes with an outstanding execution performance ‑ monitor dozens of data feeds simultaneously using high data rates.
GPU acceleration and WebGL rendering ensure that your device’s graphics processor is utilized efficiently, which results in high refresh rates and smooth animations.
Learn more about LightningChart JS performance levels on performance test results page.
Performance is up to TENS of MILLIONS of data points in real-time

Features

Dashboard

Makes it easy and convenient to manage dozens of charts, legend boxes, buttons, check boxes and other UI elements. Resource-efficient rendering of all charts in one GPU scene also makes resizing columns and rows very fast.

Animations

Exceptionally powerful rendering ensures smooth animations exceeding all industry standards in amount of data per chart. Intuitive touch screen interactivity with zooming, panning, moving data cursors and so on.

WebGL rendering

GPU acceleration and WebGL rendering ensure that your device’s graphics processor is utilized efficiently, which results in high refresh rates and an outstanding execution performance.

Interactive example of point clusters JavaScript chart chart in LightningChart charting library

Comprehensive set of examples

The Interactive Examples contain dozens of samples and code modification
on-the-fly.

Interactive examples

Resources

We prepared valuable resources for developers to get to know
LightningChart JS better!

Product documentation, FAQ, performance demo, interactive examples and more – visit our resources page with comprehensive support and informational materials for LightningChart JS.

Technical requirements

Hardware

WebGL compatible graphics hardware, with lately updated drivers/software.

Software

Compatible web browsers tested by Arction Dec 2018:

Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera, Yandex, Baidu, Maxthon, Sogou, 360 chrome, QQ, Liebao / Cheetah

lightningAsset 9

Still not convinced?

Read our article and discover 5 reasons «Why LightningChart JS» should become your charting solution

Free community license

Download free community license of LightningChart® JS for your non-commercial projects, studies and other personal use.

Share your code examples, help fellow developers and get your own questions answered by LightningChart® JS community – use tag ‘lightningchart’ at StackOverflow to access the knowledgebase.

Community license features

 + provides full functionality of LightningChart JS
+ unlimited usage period
+ access to product updates and community support

– not for commercial web sites or usage
– contains product watermark
– no source code availability
– no support tickets available

Interested in LightningChart® JS for commercial use?