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

Hide Y axis labels in Column Range chart

Hi Team,

Could you please help me to hide Y- axis labels in Column Range chart with Tooltip enabled.

3 Replies

DD Dharanidharan Dharmasivam Syncfusion Team December 3, 2018 03:30 AM

Hi Jsu, 
 
Greeting from Syncfusion. 
 
We have analyzed your query. Your requirement for hiding the axis labels can be achieved using the axisLabelRender event. This event is triggered for each axis labels and the text can be customized. The tooltip can be enabled as depicted below. For more information on tooltip, find the user guide. 
 
[ChartFeatures.cshtml] 
 
@Html.EJS().Chart("container1").Tooltip(tl=>tl.Enable(true)).AxisLabelRender("AxisLabels").Render(); 
 
function AxisLabels(args) { 
        if (args.axis.orientation === "Vertical") { 
            Passing empty string 
            args.text = ""; 
        } 
    } 
 
 
Screenshot: 
 
 
Thanks, 
Dharani. 



JS jsu December 3, 2018 01:34 PM

Thank you so much, it works!!


DD Dharanidharan Dharmasivam Syncfusion Team December 4, 2018 05:55 AM

Hi Jsu, 
 
Most welcome. Kindly revert us, if you would require further assistance. 
 
Thanks,
Dharani.
 


Loader.
Live Chat Icon For mobile
Up arrow icon