How to render the Angular Column Chart without axis labels?

Description

This article shows how to render the Angular Column Chart without axis labels.

Solution

Label for data are the labels that are used to refer to the description or name given in the axis. You can hide the axis labels by setting the size property as 0px in the labelStyle of the primaryXAxis and primarYAxis in the Chart.

Code Snippet

   public primaryXAxis: Object = {
       valueType: 'Category',
       majorGridLines: { width: 0 },
       majorTickLines: {width : 0},
       minorTickLines: {width: 0},
       labelStyle: { size: "0px" }
   };

The following image illustrates the output of the above code.

View Sample in Stackblitz