4.1.0

[SlicedSilver]

Intro

Version 4.1 of Lightweight Charts introduces exciting new features, including the introduction of Plugins, which provide developers the ability to extend the library's functionality. Additionally, this release includes enhancements to customize the horizontal scale and various minor improvements and bug fixes.

Major Updates

Plugins

Developers can now leverage the power of Plugins in Lightweight Charts. Two types of Plugins are supported -  Custom Series and Drawing Primitives, offering the ability to define new series types and create custom visualizations, drawing tools, and annotations.

With the flexibility provided by these plugins, developers can create highly customizable charting applications for their users.

To get started with plugins, please refer to our Plugins Documentation for a better understanding of what is possible and how plugins work. You can also explore our collection of plugin examples (with a preview hosted here) for inspiration and guidance on implementing specific functionality.

To help you get started quickly, we have created an NPM package called create-lwc-plugin, which sets up a plugin project for you. This way, you can hit the ground running with your plugin development.

Horizontal Scale Customization

The horizontal scale is no longer restricted to only time-based values. The API has been extended to allow customization of the horizontal scale behavior, and enable uses cases like options chart where price values are displayed in the horizontal scale. The most common use-case would be to customise the tick marks behaviour.

The createChartEx function should be used instead of the usual createChart function, and an instance of a class implementing IHorzScaleBehavior should be provided.

A simple example can be found in this test case: horizontal-price-scale.js

Changelog

Enhancements

• Added point markers styling option for line-based series. (closes Scatter chart #365) Docs
• Added double click subscriber for the main chart pane. (closes Handle dblclick on pane canvas #1385) Docs
• Added setCrosshairPosition API, allowing programmatic setting of the crosshair position. (fixes Entering Tracking Mode on Mobile #1198, synchronizing across multiple windows with lightweight charts #1163, Setting the crosshair programmatically #438) Docs
• Added an option to disable crosshair. Introduced the Hidden option in the CrosshairMode setting. (closes Add an option to disable crosshair #749, thanks to @luk707) Docs
• Allow overriding tick mark label length via the tickMarkMaxCharacterLength option. (closes Timescale tickmarks overlapping #1396) Docs
• Support for overriding the percentage formatter within the localization options. (fixes Format left price scale #1328, PriceScale Percentage formatting #1291) Docs
• Added paneSize getter to IChartApi, returning the dimensions of the chart pane. (issue add paneSize getter to IChartApi #1411) Docs
• Added options to set minimum dimensions for the price and time scales. (closes A way to set PriceScale width - currently there's no way to keep two charts' PriceScale width in sync one above the other #1062, related to synchronizing across multiple windows with lightweight charts #1163, Multiple panes support #50) Docs, Docs

Bug Fixes

• Fixed chart layout when direction is set to RTL. (PR force ltr direction for chart widget wrapper #1338)
• Fixed re-enabling of autoSize after disabling it. (PR fix re-enabling of autoSize after disabling it #1377)
• Corrected percentage mode and zero first value. (fixes Percentage mode & zero first value #1386)
• Prevent chart shifting when new data replaces existing whitespace. (fixes Chart with whitespaces shifts on realtime #1201)

Thanks to our Contributors for this Release:

• @luk707

You can always send us your feedback via GitHub.
We look forward to hearing from you! And as always, happy trading!

Team TradingView

See issues assigned to this version's milestone or changes since the last published version.

---

This discussion was created from the release 4.1.0.

[dokocat]

Very nice! @SlicedSilver Custom Series and Drawing Primitives links are broken btw

[SlicedSilver]

It is not currently possible to do 'expiring price alerts' which look like that on TradingView charts.

[SlicedSilver]

FYI: updated the demo of that plugin. Noticed that the auto scrolling of the chart wasn't working. We recently changed that behaviour because we believed it was bug. I forgot that example was using that 'bug' 😅.

[dokocat]

Wonderful! Thank you very much! Really appreciate your work on the plugin system, long time coming :)

[dokocat]

One more question! Is it now possible to achieve this with the plugin system? #1392

[SlicedSilver]

One more question! Is it now possible to achieve this with the plugin system? #1392

Added a response 👍

[JonDum]

@SlicedSilver et al

THIS IS HUGE. 💯 💯 💯 💯 THANK YOU SO MUCH. ❤️

I've been maintaining my own fork of LW-C in order to inject my own custom renderers and it's been a bit of a nightmare but now I can finally switch to upstream and maintain the renderers independently. This is everything I've been wanting for what is literally years now! Massive cheers and kudos!