Get Free Trial

chart footer div

Answered
Michael T asked on July 11, 2021

Is there a way to add arbitrary text at the bottom of the chart, like a footnote?
If not, would you please consider adding a chart ‘footer’ div
so that we can add things to it, so it appears at the bottom of the chart
(similar place to where the legend would show)
Perhaps even have something like the following (but with better thought out names) to give maximum flexibility for customization.
<div id=”chartfooter”>
  <div class=”chartfooter-before-fm-chart-legend”></div>
  <div class=”fm-chart-legend”></div>
  <div class=”chartfooter-after-fm-chart-legend”></div>
</div>
 

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster July 12, 2021


Hello,
 
Thank you for posting on our forum.
 
Flexmonster does not allow specifying footer that would appear before or after legend.
We suggest checking out the chart.title property of the Options Object to specify the chart's title. This title appears above the chart and can be saved directly to the report.
 
If this workaround is not a suitable option, we recommend adding an HTML element containing the footer right under the Flexmonster container. Here is a JSFiddle for demonstration: https://jsfiddle.net/flexmonster/p3gLf0hs/.
 
Please let us know if it helps.
 
Kind regards,
Illia

Public
Michael T July 12, 2021

Thanks for the response.
Unfortunately the suggested HTML element won’t show when doing PDF and image export.
If container elements can be added (e.g. adding classes to blank additional rows of the legend table that we can inject into), it should allow rendering during export and provide additional flexibility.

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster July 12, 2021

Hello,
 
Thank you for your feedback.
 
We understand the possible drawbacks of this approach for your case. However, currently, there is no built-in functionality that would allow adding custom HTML elements to the Flexmonster instance.
Concerning export, we suggest checking out our Export and print guide to learn more about how to complement your exports with custom headers and footers represented as HTML elements.
 
We hope it helps.
Feel free to reach out if other questions arise.
 
Regards,
Illia

Please login or Register to Submit Answer