lightningchartJS3.4.0无水印

# LightningChart^® JS - World's Fastest JavaScript Charts LightningChart JS is a WebGL based, _lightning-fast_ real-time data visualization charting library with a focus on exceptional performance. Performance testing results prove it’s able to visualize streaming data rates no other library for JS can, both in 2D and 3D. _The fastest rendering real JavaScript charting library._ <p align="center"> <a href="https://www.arction.com/lightningchart-js/"> <img src="https://www.arction.com/npm-material/Cover-npm.png"/> </a> </p> ## Interactive examples, with code editing on-the-fly Whether you are first learning about LightningChart, investigating if it suits your needs or starting with your own application development [**our interactive examples application**](https://www.arction.com/lightningchart-js-interactive-examples/) is the place to start from. Click [here](https://www.arction.com/lightningchart-js-interactive-examples/) to browse almost all LightningChart JS features, interact with the charts, test the performance and see how the code looks. <table> <tbody> <tr> <td> <a href="https://arction.github.io/lcjs-showcase-trading"> <img src="https://www.arction.com/npm-material/1a.jpg" /> </a> </td> <td> <a href="https://arction.github.io/lcjs-showcase-renderingSpeed"> <img src="https://www.arction.com/npm-material/2a.jpg" /> </a> </td> <td> <a href="https://arction.github.io/lcjs-showcase-audio/"> <img src="https://www.arction.com/npm-material/6a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0010-multiChannelLineProgressive.html"> <img src="https://www.arction.com/npm-material/3a.jpg" /> </a> </td> </tr> <tr> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0800-heatmapGrid.html"> <img src="https://www.arction.com/npm-material/5a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-1110-geoChartUsaTemperature.html"> <img src="https://www.arction.com/npm-material/14a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0900-3dScatter.html"> <img src="https://www.arction.com/npm-material/11a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0913-surfaceScrollingGrid.html"> <img src="https://www.arction.com/npm-material/7a.jpg" /> </a> </td> </tr> <tr> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0907-3dBoxRounded.html"> <img src="https://www.arction.com/npm-material/10a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0910-3dLiDARPark.html"> <img src="https://www.arction.com/npm-material/9a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-1002-polarEMFieldStrength.html"> <img src="https://www.arction.com/npm-material/15a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0805-spectrogramProjection.html"> <img src="https://www.arction.com/npm-material/12a.jpg" /> </a> </td> </tr> <tr> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0801-heatmapMesh.html"> <img src="https://www.arction.com/npm-material/13a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-1102-mapChartTimeline.html"> <img src="https://www.arction.com/npm-material/8a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0806-sweepingHeatmapGrid.html"> <img src="https://www.arction.com/npm-material/4a.jpg" /> </a> </td> <td> <a href="https://www.arction.com/lightningchart-js-interactive-examples/"> <img src="https://www.arction.com/npm-material/16a.jpg" /> </a> </td> </tr> </tbody> </table> More [interactive examples](https://www.arction.com/lightningchart-js-interactive-examples/) ## Useful links - [Product page](https://www.arction.com/lightningchart-js/) - [Comparison to other JavaScript charts](https://www.arction.com/high-performance-javascript-charts/) - [Resources](https://www.arction.com/lightningchart-js-resources/) - [API documentation](https://www.arction.com/lightningchart-js-api-documentation/) - [Free community license](https://www.arction.com/community-license/) - [Performance tester](https://www.arction.com/lightningchart-js-performance/) - [Full features & technical requirements](https://www.arction.com/lightningchart-js-full-features/) - [Stack Overflow](https://stackoverflow.com/questions/tagged/lightningchart) **Performance comparison**: We have made multiple comparisons of LightningChart® JS against other popular JavaScript charting libraries. [Check all of the comparisons and find out how we got the results here](https://www.arction.com/high-performance-javascript-charts/) **Some performance results**, with a typical desktop PC: - **Static line series**: 10 million data points in 330 ms - **Scrolling line series**: 10 channels with 10 kHz input frequency (100 thousand new data points per second) FPS 60 and CPU usage 21% - **Heat maps**: 25000x25000 heat map can be loaded in less than 5 seconds - **OHLC candle-sticks**: 1 million data points: 57 FPS (repaints / secs) **Key features**: - GPU acceleration and WebGL rendering - Intuitive touch screen interactivity with zooming, panning, moving data cursors etc. - Dashboard control, capable of rendering 100+ charts. - Supports server side rendering (use with our [@arction/lcjs-headless package](https://www.npmjs.com/package/@arction/lcjs-headless)) - Chart types: 3D, XY, Heatmaps, Polar, Radar/Spider, Pie/Donut, Funnel, Gauge and Pyramid charts - Linear and Logarithmic Axis for XY Charts ## Installation ### 1. Install from NPM and use a bundler Install the library package from [NPM](https://www.npmjs.com/package/@arction/lcjs). `npm install --save @arction/lcjs` This package can be used with any bundler that supports CommonJS. Some examples of bundlers that work are [WebPack](https://webpack.js.org/), [Parcel](https://parceljs.org/) and [Rollup](https://rollupjs.org/guide/en). Check our [getting started video](https://www.arction.com/lightningchart-js-faq/) on LightningChart JS to see this in action. Any of our [Examples](https://www.arction.com/lightningchart-js-interactive-examples/) can be used as a seed project. All examples on that page have been made to standalone repositories which can be found on our GitHub. [Standalone Example Repositories](https://github.com/Arction?utf8=%E2%9C%93&q=lcjs-example&type=&language=) ### 2. Use IIFE bundle directly on a webpage The library is distributed with a browser ready IIFE bundle. This bundle can be used directly in browsers with [script tag](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_JavaScript_within_a_webpage). You can see an example implemen