LightningChart JS

What is LightningChart JS?

Extremely fast graphics for the most demanding JavaScript developers.

The highest performance in the market

LightningChart JS comes with excellent execution performance - it monitors dozens of data feeds simultaneously using high data rates.

GPU acceleration and WebGL rendering ensures that your device's graphics processor is used efficiently, resulting in high refresh rates and smooth animations.

Main user experience

LightningChart JS provides intuitive touch screen interactivity with zoom, pan, and data cursor movement. The dashboard control makes it easy and convenient to manage dozens of charts, legend boxes, buttons, check boxes, and other UI elements.

Charts

XY charts

• Plot types: line and point plots, area plots, area range, inventory, rectangle, ellipse, box plotter, and line segments.
• The linear axes can be positioned to the left /right/top/bottom and the possibility of having multiple X and Y axes per graph.
• Scale modes include assembly, expansion, progressive/backward and manual.
• Data markers and cursors have customizable shapes and styles

Radar/Spider charts

• Automatically generated categorical axes
• Round grid and lines
• Line point and filled area charts
• Scale modes include assembly, expansion, and manual
• Data cursors have customizable shapes 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 discard/restore are animated.
• Labels can be placed on the side with connection lines or within Slices
• Slices can be "exploded" programmatically or with mouse/touch

Funnel Charts

• Slices can be styled using different fill and stroke styles.
• Slices can have empty spaces in the middle.
• Fully customizable sorting and formatting of slices.
• Labels can be sided with connector lines or internal slices.
• Two different ways to show slices based on their values: variable width and variable height.

Gauge Charts

• The meter can be styled using different fill and stroke styles.
• Set the thickness of the gauge.
• The gauge slice can be styled using different fill styles.
• Fully customizable slice formatting and style.
• Customize the start and end angles of the meter.
• Customize the range of gauge values.
• Changing the gauge value, interval and angle transitions, and the arrangement/restoration of the gauge are animated.

Pyramid Charts

• Slices can be styled using different fill and stroke styles.
• Slices may have empty gaps between
• Fully customizable sorting and formatting of slices.
• Labels can be sided with connector lines or internal slices.

Characteristics

Dashboard:

Makes it easy and convenient to manage dozens of charts, legend boxes, buttons, check boxes, and other UI elements. Efficiently rendering features of all graphics in a GPU scene also makes resizing columns and rows very fast.

Animations:

Exceptionally powerful rendering ensures smooth animations that exceed all industry standards in the amount of data per graph. Intuitive interactivity of the touch screen with zoom, pan, data cursor movement and so on.

WebGL Rendering:

GPU acceleration and WebGL rendering ensure that your device's graphics processor is used efficiently, resulting in high refresh rates and excellent execution performance.

System Requirements

WebGL-compliant graphics hardware.

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