Tutorials
Guides
Customization
Customizing appearance & features
Accessibility
How to improve A11y support
Framework integrations
This section contains some tutorials how to use Lightweight Charts™ with some popular frameworks.
React
Integration guide for React
Vue.js
Integration guide for Vue.js
Web Components
Web components custom element
info
If you think that a tutorial is missing feel free to ask in the discussions or submit your own.
How To
A collection of code examples showcasing the various capabilities of the library, and how to implement common additional features.
- Custom horizontal scale
- Inverted Price Scale
- Legends
- Price and Volume
- Price Lines
- Series Markers
- Set crosshair position
- Tooltips
- Two Price Scales
- Watermark
Examples / Demos
A collection of demos showcasing the various capabilities of the library.