Adding a title to the legend would hide the last section of the legend

Adding a title to the legend would hide the last section of the legend

Posted by: Yifan_Zhang on 8 November 2023, 9:16 pm EST

• 

  Yifan_Zhang

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 8 November 2023, 9:16 pm EST

  Hi, please see the demo here:
  
  https://jscodemine.mescius.io/sample/BCCMTgmRz06dCYOiUoWkgg/
  
  The “Others9” series doesn’t show up in the legend when there is a legend title. If you remove that legend title, it shows up fine. Could you please fix this?

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 9 November 2023, 9:31 pm EST

  Hi,

  I am able to replicate this issue and have informed about the same to the DEV team. I will let you know as soon as I get any updates from the DEV team. Please note the internal tracking ID of this issue for further communications: WJM-31847.

  Meanwhile, as a workaround, you may use any of the following:

  1. Set the height of the FlexPie using the following CSS:

  .wj-flexchart
  {
      min-height: 450px;
  }

  2. Set the orientation of the legend to Horizontal.

  Please refer to this sample for reference: https://jscodemine.mescius.io/share/0qBA3fKKBEavV0xjhwWWPw

  Regards
  
  Anirudh

• 

  Yifan_Zhang

  • Post Options:
  • Link
    Copy

  Posted 13 November 2023, 6:50 pm EST

  Hi Anirudh,

  Thanks for the reply. But that workaround doesn’t work if you add another two items. So it’s not dynamic.

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 14 November 2023, 11:08 pm EST

  Hi,

  In case if the number of legends can be decreased or increased at runtime then as a workaround you need to manually add the legend to the appropriate location by handling the rendered event.

  *However, this issue has been internally fixed and will be included in the next hotfix. However, in case of unexpected delays I will let you know.
  
  *
  
  Please refer to these samples for reference:

  • Fix confirmation: https://stackblitz.com/edit/js-w4yxd1?file=package.json,data.js
  • Workaround: https://stackblitz.com/edit/js-eynot9

  Regards

• 

  Yifan_Zhang

  • Post Options:
  • Link
    Copy

  Posted 15 November 2023, 7:01 am EST

  Thanks. Looking forward to the stable release.

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 15 November 2023, 4:16 pm EST

  Hi,

  We appreciate your support and patience.

  Thank you.

  Regards