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

Can I move Axis name to the side?

Hello, all.
I wanna move Axis name to the side.
Can I move Axis name to the side like red rectangle in this picture?

could you tell me the way please if it is possible?

1 Reply

DD Dharanidharan Dharmasivam Syncfusion Team May 22, 2017 11:26 AM UTC

Hi June, 
Thanks for contacting Syncfusion support. 
We have analyzed your query. Currently axis title can’t be moved as shown in the screenshot. However, your requirement can be achieved as workaround using annotation feature. In this we can place the required text anywhere in chart. In order to place the text anywhere, specify coordinateUnit as pixels of annotations property, also x and y values can be specified dynamically using chartAreaBoundsCalculate  event as depicted in the below code snippet. 

div id= "yTitle" style="display:none">weight</div> 
<div id= "xTitle" style="display:none">date</div> 
                    annotations: [ 
                                     { visible: true, content: "yTitle", coordinateUnit: "pixels", horizontalAlignment: "right" }, 
                                    { visible: true, content: "xTitle", coordinateUnit: "pixels", horizontalAlignment: "right" } 
                   chartAreaBoundsCalculate: "chartLoaded" 
function chartLoaded(sender) { 
                var bound = sender.model.m_AreaBounds; 
                padding = 10; 
                sender.model.annotations[0].x = bound.X - padding; 
                sender.model.annotations[0].y = bound.Y - padding; 
                sender.model.annotations[1].x = bound.X + bound.Width + padding; 
                sender.model.annotations[1].y = (bound.Y + (bound.Height / 2)); 


Sample for reference can be find from below link. 

Kindly revert us, if you have any concern. 


Live Chat Icon For mobile
Up arrow icon