Getting started video
How can I export the chart into PDF file?
import { lightningChart, SolidLine } from "@arction/lcjs"
import { jsPDF } from "jspdf";
const chart = lightningChart().ChartXY()
chart.setTitle('Getting Started')
const lineSeries = chart.addLineSeries()
lineSeries.setStrokeStyle((style: SolidLine) => style.setThickness(5))
lineSeries.add([
{ x: 0, y: 0 },
{ x: 1, y: 7 },
{ x: 2, y: 3 },
{ x: 3, y: 10 },
])
setTimeout(() => {
const doc = new jsPDF()
doc.text('My chart', 35, 25)
doc.addImage(chart.engine.container.querySelector('canvas'), 'jpeg', 10, 40, 150, 150)
doc.save('chart.pdf')
}, 2000)
What is LightningChart JS?
LightningChart is entirely GPU accelerated and performance optimized charting library for presenting massive amounts of data. It offers an easy way of creating sophisticated and interactive charts and adding them to your website or web application.
What is special about LightningChart JS?
- LightningChart provides fast rendering utilizing effective algorithms and GPU acceleration of using WebGL.
- LightningChart is highly-optimized for real-time scrolling monitoring and handling high-intensity data.
- LightningChart handles huge data-sets and huge number of charts keeping interactivity.
- LightningChart provides flexible API and utilities to create custom types of charts and more sophisticated visualizations.
What is LightningChart JS best at?
- Applications that deal with extensive datasets.
- Applications that deal with high-intensity data streams.
- Applications that deploy on multiple platforms.
Where can I find examples?
Please check LightningChart JS interactive examples on our website.
Each example has its own GitHub repository which can be used as seed project, please check our Arction Git.
How to get started?
- Check our getting started video on LightningChart JS.
- Check LightningChart JS interactive examples. Use live-coding features to learn the API.
- Use one of the examples templates from a Git for your future project or setup the project from scratch.
If you prefer to set up your own project, there are two main ways to get LightningChart JS in your
JavaScript or TypeScript project:
What is inside LightningChart JS bundle?
What LightningChart JS can do? For what it can be used for?
LightningChart JS can draw:
- Charts and Graphs (Line plot, Scatter plot, Area plot, etc.);
- UI elements (Buttons, Checkboxes, Annotations, etc.);
Dashboard with multiple charts and UI inside one pane.
What is the difference between LightningChart .NET and LightningChart JS?
LightningChart JS is developed to contain most of LightningChart .NET features with some improvements in features, utilities and additional flexibility based on our previous experience and customers feedback.
Is it a UI library? Do you provide support for ReactJS, VueJS, Angular frameworks?
No, LightningChart JS is written in TypeScript and compiled to vanilla JavaScript bundle without any framework related code. However, it can be easily integrated into the UI of your application.
Get started with your project by using our Project Templates:
How can I evaluate the performance? Do you have performance comparisons and benchmark tests?
For performance testing, please check out the Performance Demo / Tester on our webpage.
Are there special system requirements?
LightningChart JS is a cross-platform web library that works in all modern browsers for all desktop, laptop, tablet and mobile.
The browser capabilities are the same as mentioned in MSDN.
Make sure that your browser supports WebGL using the following link: https://get.webgl.org
How does LightningChart JS interoperate with IDEs?
What is the Deployment? What types of Deployment available for LightningChart JS?
Software Deployment is all the activities that make software available to use.
LightningChart JS Web developer license allows deployment to:
- Public websites, web, and applications. Internet connection is required.
- Intranet solution running in a local network. A local area network connection is required within the organization.
Community license is intended to be used in non-commercial public websites and local machines only.
I am not a developer. How can I use this library?
Which license types are available for LightningChart JS?
- Commercial Web Developer license
- Commercial Application Developer license
- Commercial Enterprise license
- And Community license for web development.
During the development with a Commercial development key, the internet connection is required for license key checking. License key must be specified in the constructor. Community license currently does not require internet connection. License key argument can be left empty.
For more information about Licensing and Pricing plans, please see Pricing page
Where can I get support?
If the online resources do not solve your problem or implementation help is needed, ask on StackOverflow (tagged LightningChart). Customers can also open a support ticket in our customer portal.
If you are our customer and you found a bug in the LightningChart JavaScript library, please open an official support ticket in our customer portal. In case if you are not yet our customer, please let us know by email about your findings and contact: [email protected]
If you need an additional support from our core developers, an additional email support hours can be purchased through our customer portal
How can I contribute?
- Suggest new examples to be added in the interactive examples
- Submit bugs and help us to create a better product.
- Engage with other LightningChart users and developers on StackOverflow (tagged LightningChart).
- Join us in social media: Facebook, LinkedIn, Twitter.
Let others know about LightningChart JS
What is Customer Portal?
- Browse, purchase and download Arction products
- Manage your license subscriptions
- Assign licenses to your team members
- Communicate with Arction technical support
Where can I find more information on Customer Portal?
Do I need to register at Customer Portal to see available products?
You will be asked to register at the portal once you reach the purchasing stage.
I have more questions about Customer Portal. Whom should I contact?
Access Introduction to Customer Portal for more information:
Have more questions?
We will be happy to help you!