A bar chart answers one question well: which is bigger?
Set the Advanced Charts block to Bar, and each Datasets row becomes one series of bars across your labels.
For every Dynamic Device setting in one place, see the Advanced Charts block guide.
Before You Start
- Edition: Pro — the Advanced Charts block needs Nexter Blocks Pro.
- Block to enable: Advanced Chart, switched on under Nexter > Blocks in your WordPress dashboard.
- Every value is typed, separated by a pipe (
|). Labels, one row of series data, colours — all of it is a single line of text with|between the parts, not a spreadsheet-style grid.
Steps
- Add the Advanced Charts block and choose a chart Style.
- Type your axis labels into Label Values, separated by
|.
- Type your category names into Label Values, one per bar group.
- Open Datasets, add a row, and type your numbers into Data — one value per label, pipe-separated.
- Add more Datasets rows for more bars per group.
Orientation does not currently change the bar direction. Measured on a published page: setting Orientation to Horizontal produced the identical Chart.js configuration as Vertical, and the chart rendered as upright bars either way. Reported to the dev team; this doc does not promise a working horizontal mode.
How It Behaves
- Each Datasets row is one series — add a second row to compare, say, this year against last year across the same labels.
- Background can be a single colour or one per bar. Turn on Multiple Dot Background on a row and give each bar its own colour from a pipe-separated list.
- Bar Size and Bar Space (under Style) control the thickness of each bar and the gap between groups.
- Spaces around the pipe show up in the chart. Measured:
Q1 | Q2renders the labelsQ1andQ2, trailing space included. Type your values with no space around the|for a tidy result.
Limitations
- Orientation has no visible effect — measured. Every bar chart currently renders upright regardless of the setting.
- There is no way to sort bars automatically — the order follows the order of your labels.
- Data is typed, not linked to a spreadsheet or external source.
Troubleshooting
My bars are not showing
Check Label Values and each dataset row’s Data field have the same number of pipe-separated values.
I wanted a horizontal bar chart
Measured: the Orientation setting currently has no effect, and every bar chart renders upright. Consider a Radar chart instead if orientation matters for your layout.
Some bars are the wrong colour
Check whether Multiple Dot Background is switched on for that row — with it on, the single Background colour is ignored in favour of the pipe-separated list.
