How to add annotations on the chart?

[T Viswanathan]

Hi,

If you look at the chart below (created off of TradeView chart), wherein we are able to add annotation points that can be added for various purposes such as the current price, the price(s) at which we have Open orders, etc.

Wondering as to how we can bring such annotations on top of Syncfusion Cartesian chart (Candle chart) . Thanks for your help, in advance.

Thanks,

Thar

[Yuvaraj Gajaraj]

Hi Viswanathan,

You can achieve your requirement with the help of the annotations property in the SfCartesianChart, but if you want to update the annotation position you need to call setState and there is no direct support to update the annotation position without setState. However, we have achieved your requirement with the help of CrosshairBehavior for horizontal line and CustomerPainter for annotation. Here we have shown the crosshair line for the last point open value and rendered an annotation such as a customer painter and render a custom widget on that position. We have prepared the sample and shared it below for your reference, you can modify the sample as per your requirement.

Screenshot:

Regards,

Yuvaraj.

Attachment: f182090_2c8255a8.zip

[sakthivel]

Hi,

Can you give me an example with annotations property in the SfCartesianChart,?

I wants 

[Lokesh Palani]

Hi Sakthivel,

In the SfCartesianChart, the annotations property is used to mark a specific area on the chart. Within the annotations property, you can add custom widgets to the chart area. We have provided an SB sample and User Guide documentation below for your reference. Please inform us if you require any further assistance.

SB link,

https://flutter.syncfusion.com/#/cartesian-charts/series-features/annotation/chart-with-annotation

UG link,

https://help.syncfusion.com/flutter/cartesian-charts/annotations

Regards,

Lokesh.