Axis Title

[jsu]

Hi Team,

I need to make the primary X axis and Y axis titles visible/invisible dynamically.

Could you please help me on this? Basically I need to make it invisible if the window is smaller or if it is a mobile view.

Thanks

[Dharanidharan Dharmasivam]

Hi Jsu, 

 

Greetings from Syncfusion. 

 

We have analyzed your query. Your requirement can be achieved using the load event of chart. Here based on the device, we have assigned the title. Find the code snippet to achieve this requirement. 

 

 

@(Html.EJS().Chart("LineChart").Load("chartLoad") 

    //Other Configurations 

.Render()) 

 

  function chartLoad(args) { 

        //Here we have assigned the empty string when it is mobile device, you can change this based on your scenario 

        args.chart.primaryXAxis.title = ej.base.Browser.isDevice ? "" : "Primary X Axis"; 

        args.chart.primaryYAxis.title = ej.base.Browser.isDevice ? "" : "Primary Y Axis"; 

    } 

 

 

 

Sample: http://www.syncfusion.com/downloads/support/forum/142923/ze/chartSample-1643116822  

 

Thanks, 

Dharani.