Flex Chart X Axis labels wrapping or formatting

Flex Chart X Axis labels wrapping or formatting

Posted by: reeshabh.choudhary on 17 September 2019, 7:39 am EST

• 

  reeshabh.choudhary

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 17 September 2019, 7:39 am EST

  I want to shorten the label size or limit label size on x axis since long names start getting over lapped.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 18 September 2019, 4:36 am EST

  Hi Reeshabh,

  Could you please let us know which Wijmo version you are using. It seems that you are using an older version, in latest build(5.20192.624), the chart automatically applies rotation on the label text so that they do not overlap. Please refer to the following sample which demonstrates this functionality:
  
  https://stackblitz.com/edit/angular-ub2ss2?file=app/app.component.ts
  
  If you are facing the issue with the latest version then please modify the above sample to replicate the issue so that we could further investigate it.

  Regards
  
  Sharad

• 

  vivek.chhatbar

  • Post Options:
  • Link
    Copy

  Posted 8 October 2021, 5:14 am EST

  Hello Wijmo team,

  I’ve checked the above sample of rotate overlapping labels and I am using the Wijmo version(5.20211.781) in that, I am able to reproduce the same issue of overlapping labels with our requirement.

  Please find the updated Stackbizz here.
  
  https://stackblitz.com/edit/angular-j794ur?file=app/data-svc.service.ts[img]https://gccontent.blob.core.windows.net/forum-uploads/file-fd16335b-0e4f-472f-82f4-fc2181b25bf8.PNG[/img]

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 11 October 2021, 10:13 am EST

  Hello,

  We are able to replicate the issue at our end. We have escalated the issue to our Dev team for further investigation with an internal tracking ID WJM-21197. We will update you on this as soon as we get any updates.

  Meanwhile, you use the labelAngle property of the axis of the FlexChart to set the axis labels angel. You may refer to the API for reference:https://www.grapecity.com/wijmo/api/classes/wijmo_chart.axis.html#labelangle

  Sorry, for the inconvenience.

  Regards

• 

  vivek.chhatbar

  • Post Options:
  • Link
    Copy

  Posted 15 October 2021, 6:28 am EST

  Hi sonu.pandey,

  Could you provide the estimated time of the resolution for this issue(WJM-21197)?
  
  as we have our production release planned for the end of October 2021.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 18 October 2021, 3:20 am EST

  Hello,

  I have asked the Dev team to provide an estimation on the fix of this issue. I’ll update you on this as soon as I get any response.

  Regards