How to use Tooltip Mapping Name in Charts to show multiple data points from data source?

I want to use the tooltip mapping name to display two data points in my accumulation chart.

Documentation

What's bugging me is the access method. 

`${point.tooltip}` is to be used. I have tried mapping tooltip to an object, which doesn't render the way I want it to. I have tried mapping it to an array of two strings in my data source but there is no way I can access each item individually as in `$point.tooltip[0]` or something like that. How can I achieve this? I don't want to use template either.



1 Reply

DG Durga Gopalakrishnan Syncfusion Team July 8, 2022 03:18 PM UTC

Hi Bhattacharya,


Greetings from Syncfusion.


We suggest you to use tooltipRender event to add extra fields from chart series datasource. You can assign the required values in args.text property to achieve your requirement. Please check with the below documentation and API reference links.


API : https://ej2.syncfusion.com/react/documentation/api/accumulation-chart/#tooltiprender


UG : https://ej2.syncfusion.com/react/documentation/accumulation-chart/tool-tip/#to-customize-individual-tooltip


Please let us know if you have any concerns.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon