Full legend in graphs

Answered
Pedro Fernandes asked on March 13, 2024

Hello,
 
Is there a way to force displaying the legends in full in the charts (without scroll bars)?
 
This would be very helpful to ensure that we can print graphs with full legends.
 
Thank you.
 
Best regards,
 
Pedro Fernandes
AMBISIG - LISBON, PT

4 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster March 15, 2024

Hello Pedro,

Thank you for reaching out to us.

We recommend using the following CSS rules to show the legend without the scroll bar:

#fm-pivot-view .fm-charts-view .fm-chart-legend table td {
  display: inline-block;
}

Please check the following JSFiddle for reference: https://jsfiddle.net/flexmonster/avwbqjgL/.
Alternatively, you can use third-party charting libraries where it is possible to fully customize the legend: https://www.flexmonster.com/doc/available-tutorials-charts/#3rd-party-charts 

Please let us know if it works for you. Looking forward to hearing from you.

Kind regards,
Nadia

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster March 27, 2024

Hello Pedro,

Hope you are doing well.

We were wondering if you had a chance to check the suggested approach. Could you please confirm if it works for you?

Looking forward to hearing your feedback.

Kind regards,
Nadia

Public
Pedro Fernandes April 8, 2024

Hello Nadia, 
It works perfectly, I attach a screenshot of the result.
Thank you for your support,
Best regards,
Pedro Fernandes

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster April 10, 2024

Hello Pedro,

Thank you for the feedback!

We are glad to hear that it works for you.

As always, feel free to contact us in case other questions arise.

Kind regards,
Nadia

Please login or Register to Submit Answer