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
close icon

Want to hide Title showing on mouse hover.

Hello Syncfusion,

I want to hide title which is showing on chart hover. It is unwanted as we already shown title on top of the chart.



1 Reply

SB Swetha Babu Syncfusion Team February 27, 2023 09:39 AM UTC

Hi Yogesh,

Greetings from Syncfusion.

We can hide the chart title by using the workaround in the chart's loaded event. To hide the chart title that appears when we hover over the chart, we can set the title attribute to an empty string. To demonstrate this, we created a react application. Please see the stackblitz link below for your convenience.

Sample link: https://stackblitz.com/edit/react-ikjs5h?file=index.js

Code Snippet:

<ChartComponent loaded={loaded.bind(this)}></ChartComponent>


function loaded(args) {

        let chart = document.getElementById('charts');

        chart.setAttribute('title', '');




Kindly, revert us if you have any concerns.



Live Chat Icon For mobile
Up arrow icon