Bar chart with no axis

Question

Is it possible to make a bar chart with no axis? Only the bars?

Dharanidharan Dharmasivam · Answer

Hi Caleb, 

Greetings from Syncfusion. 

If your requirement is to hide only the axis line, then you can achieve it using the axisLine property of the axis. In this, you can hide the axis line by specfying false to axisLine.visible property. Find the code snippet to achieve this scenario. 





JS: 

$("#container").ejChart( { 
              primaryXAxis: 
               { 
                       //Hidden the axis line 
                      axisLine:{visible: false} 
              }, 
                                            
            primaryYAxis: 
            { 
                   //Hidden the axis line 
                  axisLine:{visible: false} 
            }, 
      //... 
}); 


In the above code, we have hidden the primary axis line of both horizontal and vertical axes. Screenshot for the above code snippet can be find below. 

  
Sample for reference can be find from below link. 
https://jsplayground.syncfusion.com/hajmtkzv  

Further, if you wish to hide all the axis elements like tick lines, axis labels, axis title, axis line, then this can be accomplished using the visible property of the axis. Find the code snippet below to achieve this requirement. 





JS: 

$("#container").ejChart( { 
              primaryXAxis: 
               { 
                   //Hide axis elements 
                      visible: false 
              }, 
                                            
            primaryYAxis: 
            { 
                   //Hide axis elements 
                  visible: false 
            }, 
      //... 
}); 




Screenshot: 
  

Sample for reference can be find from below link. 
https://jsplayground.syncfusion.com/hqysq14b  

To find the API’s chart, kindly find the help document. 

Thanks, 
Dharani.