How to wrap X axis labels in Wijmo charts?

How to wrap X axis labels in Wijmo charts?

Posted by: reeshabh.choudhary on 29 August 2019, 5:48 am EST

• 

  reeshabh.choudhary

  • Post Options:
  • Link
    Copy

  Posted 29 August 2019, 5:48 am EST - Updated 3 October 2022, 7:29 pm EST

  As seen in figure, long X axis labels are getting overlapped, please help in shortening the size of labels.
  
  

  

  809×475 22.4 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 30 August 2019, 2:56 am EST

  Hi,

  You may use the rendered event of the FlexChart and split the labels into different lines. Since the labels are an SVG element, you will need to create multiple elements to split the labels into the next line. Please refer to the sample below:

  https://stackblitz.com/edit/angular-gaxc3u

  Regards,
  
  Ashwin