Chart legend is truncated

Chart legend is truncated

Posted by: sskss1ss2 on 15 August 2022, 4:29 pm EST

• 

  sskss1ss2

  • Post Options:
  • Link
    Copy

  Posted 15 August 2022, 4:29 pm EST

  I’ve pie chart which is loaded with a large data set. Henceforth there is a huge number of legends. But the legends are cut off and are not able to see all the legends. It is not being possible to add scroll to the legends because the legends are using clip-path.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 17 August 2022, 7:16 pm EST

  ​Hello,

  You can use the wijmo ListBox control to show the legends list with a scrollbar on the FlexPie. To do so you may handle the rendered event of FlexPie and get the legends element to create a data source for the ListBox then pass that data into the instance of ListBox. You also need to adjust some CSS to show the ListBox along with the Chart. Please refer to the sample link below demonstrating the same:

  https://stackblitz.com/edit/js-rkahbm?file=index.js

  As the wijmo’s ListBox control is very much customizable you can easily style the listbox as per your requirement.

  Regards