Tutorials

Guides

Customization

Customizing appearance & features

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 / Examples

A collection of code examples showcasing the various capabilities of the library, and how to implement common additional features.

• Inverted Price Scale
• Legends
• Price and Volume
• Price Lines
• Series Markers
• Tooltips
• Two Price Scales
• Watermark

tip

More examples can be viewed on the Lightweight Charts™ product page.