Flex chart axis labels are truncated for large text

Flex chart axis labels are truncated for large text

Posted by: spathi on 7 October 2020, 11:38 pm EST

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 7 October 2020, 11:38 pm EST - Updated 3 October 2022, 6:25 am EST

  

  1920×1080 414 KB

  
  
  for large text the axis labels are truncated in flex chart, can you see above screenshot

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 8 October 2020, 11:27 pm EST

  Hello,
  
  We are sorry for the inconvenience but the observed behavior is by design. But could you please let us know in this case what behavior is expected and how the large labels should be treated?

  Regards,
  
  Manish Gupta

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 12 October 2020, 7:46 pm EST

  it should be fine to show like ellipses with hover title

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 14 October 2020, 12:59 am EST

  Hi,
  
  We are working on this case. We will update you soon,
  
  Regards,
  
  Manish Gupta

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 14 October 2020, 3:00 pm EST

  Hi,
  
  For trimming the long text from Axis’s, we need to handle the ItemFormatter for AxisX and trim the text.
  
  Once the text is trimmed, we need to show the tooltip on mousemove event for the Chart element.
  
  Please refer to the following demo sample for reference:
  
  https://stackblitz.com/edit/js-ihgxez?file=index.js

  Regards,
  
  Manish Gupta