Flexchart label wrap

Flexchart label wrap

Posted by: cash on 14 September 2017, 11:33 am EST

• 

  cash

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 11:33 am EST

  Hi,

  I’m converting a wijmo3 composite chart to a wijmo5 flexchart.
  
  Since the labels were quite long, they were wrapped in the composite chart using label series and usage of \n.
  
  I can’t find the equivelent for the flexchart. Using a \n doesn’t work.
  
  I tried to modify the svg after creation using jquery and adding tspan tags. While this does work for Chrome, it doesn’t in IE.

  Any suggestion how to fix this issue?

  Regards,

  Arthur

• 

  manpreet-kaur

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:33 am EST

  Hello,

  Currently FlexChart handles the long labels on the XAxis through rotation i.e. if the XAxis labels are long enough to be displayed on the axis then FlexChart implicitly rotates the labels so that they are displayed completely without any issues. I have attached a small sample page which depicts the same. Kindly refer to the same.

  Unfortunately, I am not able to find a way to embed a new line in the chart axis labels. I have escalated the issue to the concerned team for further discussion. I will let you know as soon as I get any information in this regard.

  Thanks,
  
  Manpreet Kaur
  
  2016/04/Long_Labels.html

• 

  marcus.nixon

  • Post Options:
  • Link
    Copy

  Posted 18 April 2018, 7:03 am EST

  Any update on this? I too am converting from Wijmo 3 charts, and we used to just insert \r\n to create a new line, but that is being ignored. This is specifically for the Y axis, but we may need to do the same for the X axis also.

  Note that I am talking about the axis titles (axisY.title).