How to change the labels (high, low, open, close)?

Hi, how do we change the labels (high, low, open, close)?  Tried using SharedTooltipRender doesn't work for all candlesticks.

Image_8952_1739473292072


1 Reply

DG Durga Gopalakrishnan Syncfusion Team February 14, 2025 09:55 AM UTC

Hi Alex,


Thanks for using Syncfusion products.


You can customize the stock chart tooltip labels using the Format property of StockChartTooltipSettings. We have created a sample based on your requirement, where the high, low, open, and close labels have been modified to high value, low value, open value, and close value, respectively. Please refer to the snippet and screenshot below.


<SfStockChart>

    <StockChartTooltipSettings Enable="true" Format="<b>High Value : ${point.high} <br> Low Value : ${point.low} <br> Open Value : ${point.open} <br> Close Value : ${point.close}</b>">

    </StockChartTooltipSettings>

</SfStockChart>



Please let us know if you have any concerns.


Regards,

Durga Gopalakrishnan.


Attachment: StockTooltip_c67ee063.zip

Loader.
Up arrow icon