asked on February 9, 2022
I need to embed several small charts on a page. I am finding that when the chart is small it is dominated by toolbars etc (see the attached image).
Is there a way to do the following?
I need to put several of these charts in a grid on one page and the extra stuff is making the charts small and the page cluttered with stuff the viewer doesn't need.
⋅ February 10, 2022
I have worked it out.
1. Remove the filters toolbar at the top and the corner menu icon. I can hide them but the chart doesn’t resize to fill the space.
self.setChartOption('showMeasures', false);
self.setChartOption('showFilter', false);
self.setChartOption('showLegend', false);
self.flexmonster.setOptions({ 'configuratorButton': false } );
2. Change the size of the axis text to make it smaller.
#fm-pivot-view #fm-grid-view td.fm-cell,
#fm-pivot-view #fm-drillthrough-view td.fm-cell,
#fm-pivot-view .fm-ui td.fm-cell span {
font-size: 11px;
}
#fm-pivot-view .fm-axis text {
font-size: 11px !important;
}
3. Remove the “Powered by flexmonster…” line at the bottom
I think it is removed in the production version
⋅ February 10, 2022
Hello,
Thank you for reaching out to us.
We are glad to hear that you resolved the issue! Regarding the "Powered by Flexmonster…" line at the bottom, you're right that it will be removed in the production version.
Feel free to contact us if other questions arise.
Kind regards,
Nadia
