Hello SciChart team,
I have a question and a feature request regarding BoxAnnotation and DrawingTools in the JavaScript version.
Currently, it is not possible to apply a corner radius to BoxAnnotation in SciChart JS, while this feature exists in other platforms such as WPF. Would it be possible to support this in the JavaScript version as well?
I previously used CustomAnnotation to achieve this kind of customization. However, due to performance constraints, I had to stop using it. Since CustomAnnotation relies on SVG elements added to the DOM, it caused significant CPU usage in my case. My application requires rendering multiple annotations with real-time updates, and this led to noticeable performance degradation, including UI lag and occasional freezes.
Because of this, I migrated to BoxAnnotation for better performance, but I do miss the ability to customize things like rounded corners.
Regarding DrawingTools, since they are not available in the JavaScript version, having this feature would be extremely helpful. My application is focused on trading, where drawing tools are heavily used. I have personally implemented some custom drawing features, but having a standardized, built-in solution would greatly simplify development and improve consistency.
Thanks in advance for your support!
- Julio Soares asked 1 month ago
- last edited 1 month ago
- You must login to post comments
Hi Julio,
Guess what? We have been quietly working on a drawing tools library which is very close to release, for adding financial trading chart annotations into SciChart.js. We will also be publishing an equivalent for the SciTrader SDK and demo app available on mobile (iOS / Android) for SciChart.js
This includes:
ChannelAnnotation,DisjointChannelAnnotation,FlatBottomChannelAnnotationExtendedLineAnnotationFibonacciRetracementAnnotationMeasureAnnotationPitchforkAnnotation,PitchfanAnnotationStopLossTakeProfitAnnotation
Modifiers
MultiPointAnnotationPlacementModifier— interactively place financial annotations on a chartMultiPointAnnotationEditorModifier— edit multi-point annotations through a configurable field UI
When released (we expect soon – early May 2026) this will be available by npm install scichart-financial-tools.
We’ll be announcing more details via the newsletter & /news archive once released.
Best regards,
Andrew
- Andrew Burnett-Thompson answered 1 month ago
- last edited 1 month ago
- You must login to post comments
Hi Andrew,
Thank you very much for your response, I really appreciate it!
That’s great news about the drawing tools library — it sounds amazing and will definitely be a huge help!
I just wanted to kindly follow up on one point that I’m still curious about: is there any update regarding CornerRadius support for BoxAnnotation?
- Julio Soares answered 1 month ago
OK so drawing tools will be released in the next few days. That will be a separate package `scichart-financial-tools` that works seamlessly with SciChart.js v5.2 onwards. Regarding the BoxAnnotation corner radius – we don’t support it at present, the only workaround being CustomAnnotation which you’ve tried. I can log a task for it in our backlog however.
- You must login to post comments
Please login first to submit.
