When the labels of your bar chart are quite long, you may have noticed that some of them get hidden, especially on smaller screen sizes.
We do that in order to avoid text labels overlapping and becoming unreadable, but you may want to make sure that all your Y axis labels are always displayed.
Flourish offers numerous options to achieve this. You can:
Display long labels above bars
Instead of squeezing labels next to the bars on an axis, adding them above the bars gives them more space.
- 1
-
Under Labels, choose Above bars.
- 2
- Adjust the color, size and weight of the bar labels with the settings underneath.
Note: Where possible, it's better data visualization practice to reduce the length of your labels.
Allow tick labels to have more space and spread onto multiple lines
- 1
-
Under Y axis, enable the Styling toggle next to Ticks & labels.
- 2
-
Under Labels, increase the Max lines and/or choose Fixed or Max space mode and increase the space.
Increase the bar height and/or spacing between bars
- 1
- Under Bars, increase the Bar height, or...
- 2
- ... adjust the spacing settings to leave more space for your bar labels alongside your chart. Spacing (main) adjusts the gap between stacks or groups, while Spacing (in group) adjusts the gaps between bars within a group. Read more about bar spacing in this help doc.
Reduce the font size of tick labels
- 1
-
Under Y axis, enable the Styling toggle next to Ticks & labels.
- 2
- Under Labels, reduce the size of the tick labels to accommodate more text in the same amount of space.
- Read more about editing ticks and labels in this help doc.