We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Blazor Chart ToolTip customization


I'm working with housing data (as in property listings) using the Syncfusion.EJ2.Blazor (latest version
I was able to succeed in plotting basic values on the Scatter Plot (see below)

For the next step, I'm interested in displaying more information than just the X/Y value for the point.
For example, I want to show the primary picture, and list other data, like number of bedrooms, associated with that property.

In the documentation, it says "Any HTML elements can be displayed in the tooltip by using the template property of the tooltip."
However I'm struggling to figure out how to use that property.
Can anyone help to provide an example how to use this property to display extra information in the tooltip?

In doing some research, I found that general tooltips for buttons have many configuration options (https://www.syncfusion.com/blazor-components/blazor-tooltip), however it doesn't seem to apply directly to the chart tooltip.
Also in the JS documentation there is a good example of this: http://js.syncfusion.com/demos/web/?_ga=2.232503007.1377838673.1566815844-1970426639.1558915202#!/azure/chart/chartcustomization/tooltiptemplate , however since I'm using Blazor, the example does not really carry over.

Thank you,

13 Replies

KC Kalaimathi Chellaiah Syncfusion Team August 29, 2019 09:30 AM UTC

Hi Sorin, 
Greetings from Syncfusion. 
We are currently working on Support for Tooltip Template and the support will be available in the volume 3 main release. We are closing this incident now and you can track the feature status through our feedback portal below and the UG for this will get updated. 
 If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal.  

SO Sorin August 29, 2019 10:44 AM UTC

Hello Kalai,

Thank you very much for the prompt reply!
I'll follow up through the feedback portal.


KC Kalaimathi Chellaiah Syncfusion Team August 30, 2019 06:12 AM UTC

Hi Sorin, 
Most welcome. Kindly get in touch with us, if you require further assistance. We are always happy in assisting you.   

PE Paul Elrich June 17, 2020 09:29 PM UTC

I see that this issue has been marked as resolved. I still can't find any documentation about displaying the data not used in plotting points on a chart tooltip.

(ie use x & y values for plotting points, and display z values in tooltips)

SM Srihari Muthukaruppan Syncfusion Team June 18, 2020 05:33 PM UTC

Hi Paul, 
We have analyzed your query. From that, we would like to let you know that our latest blazor package version is 18.1.57. Based on your requirement we have prepared a sample for your reference. We have also attached the demo sample link for your reference. Please find the sample and screenshot.