How to create a bar chart with the Table template
The Table's mini bar charts offer great flexibility in terms of their labels – they can wrap on a second row on smaller screen sizes, and you can customize each individual label by using custom HTML & CSS in the Data tab.
1
Create a Table visualization using the
default starting point.
2
In the
Data tab, paste your bar labels into one column and the respective values in another. However, leave the name of your category column
blank.
| Leave blank |
Values |
| Category 1 |
100 |
| Category 2 |
200 |
| Category 3 |
140 |
3
In the
Preview tab, head over to the
Mini bar chart settings and paste the name of your numerical column. This will display the values as bars.
4
Leave the
New column name text box blank.
5
Under
Mobile view, select the
Blocks option and set the
Mobile breakpoint width to a higher value, for example, 1400. This will ensure that your visualization will be displayed as a bar chart on both desktop and mobile.
TIP: If you have more than three categories (bars), increase the Rows per page value to the number of your series.
6
Any text labels that are
longer than the longest bar will now wrap onto multiple lines. You can adjust the width of the bars under
Mini bar charts >> Width.
7
You can now start customizing the look of your bars. If you would like no border between the different bars, head over to
Cell styles >> Border and choose a border thickness of 0.
8
Under the
Mini bar chart settings, you can choose whether you would like
labels on bars, as well as adjust the
width and
color of your bars.
9
If you would like to
increase the height of your bars or
reduce the spacing between them, you can do this under
Cell styles.
