--- title: "How to Create a Radar Chart in WordPress?" url: https://nexterwp.com/docs/create-a-radar-chart-in-wordpress/ date: 2024-12-09 modified: 2026-09-16 lang: en author: "Aditya Sharma" description: "Some comparisons have more than one dimension — speed, price, comfort, all at once. A radar chart plots each label as a spoke from the centre, and each Datasets row..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Radar-Chart-in-WordPress_-1024x519.jpg word_count: 467 --- # How to Create a Radar Chart in WordPress? ## Key Takeaways - Advanced Charts block requiere Nexter Blocks Pro y se activa en Nexter > Blocks con la opción Advanced Chart. - Radar chart usa Label Values separados por | y una fila por elemento en Datasets, con Data para cada spoke y Fill para sombrear el área interior. - Radar chart funciona mejor con unos pocos labels; demasiados spokes dificultan la lectura, y valores muy distintos entre labels pueden distorsionar la forma porque no hay sugerencia automática de escalado. Some comparisons have more than one dimension — speed, price, comfort, all at once. A radar chart plots each label as a spoke from the centre, and each Datasets row draws one shape across all of them. *For every Dynamic Device setting in one place, see the [Advanced Charts block guide](https://nexterwp.com/docs/add-a-chart-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-charts-and-graph/) ## 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**. ![The Style picker](https://nexterwp.com/wp-content/uploads/2026/09/ac-style.webp) - Type your axis labels into **Label Values**, separated by `|`. - Type each quality you are comparing into **Label Values** — these become the spokes. - Open **Datasets**, add a row per thing you are comparing, and type its scores into **Data**, one per spoke. ![A dataset's Data field](https://nexterwp.com/wp-content/uploads/2026/09/ac-data-bar.webp) - Turn on **Fill** on a row to shade the area inside its shape. > ***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.* ## How It Behaves - **Every row needs a value for every label** — a shape with fewer points than there are spokes will look lopsided rather than error.- **Fill shades the shape** using the row's Background colour, which is where the transparency in a colour like `#8072fc55` matters — the last two characters set the opacity.- Multiple rows overlay on the same spokes, which is what makes a radar chart good for comparing two or three options side by side.- Spaces around the pipe show up in the chart. Measured: `Q1 | Q2` renders the labels `Q1 ` and ` Q2`, trailing space included. Type your values with no space around the `|` for a tidy result. ## Limitations - Best with a handful of labels — too many spokes makes the shapes hard to read.- There is no automatic scaling suggestion; very different value ranges across labels can distort the shape.- Data is typed, not linked to a spreadsheet or external source. ## Troubleshooting ### My shape looks pinched on one side Check every label has a matching value in that row's Data field — a missing value pulls that spoke to zero. ### The filled area is too solid or too faint Adjust the opacity in the row's Background colour — the last two hex characters, for example `55` in `#8072fc55`. ### Two shapes are hard to tell apart Give each Datasets row a clearly different Border Color, and switch on Legends under Style so each row is labelled. ## Related Docs - [Advanced Charts block guide](https://nexterwp.com/docs/add-a-chart-in-wordpress/)- [Bar chart](https://nexterwp.com/docs/create-a-bar-chart-in-wordpress/)- [Pie and Doughnut chart](https://nexterwp.com/docs/create-a-pie-chart-in-wordpress-doughnut-chart/)- [Polar Area chart](https://nexterwp.com/docs/create-a-polar-area-graph-in-wordpress/) ## Frequently Asked Questions **Q: What do I need before creating a radar chart in WordPress?** A: Radar charts in Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter need the Advanced Charts block in Pro. The block is enabled under Nexter > Blocks in your WordPress dashboard, and the data is typed as pipe-separated text rather than a spreadsheet grid. That matters because every label, score, and colour sits in one line with | between values. **Q: How do I enter radar chart data so the shape does not break?** A: Each row needs one value for every label, and the values are typed into Data with pipes separating them. If a row is missing a value, that spoke gets pulled to zero and the shape looks lopsided instead of failing cleanly. In practice, keep the number of scores matched to the number of labels so each dataset draws a complete shape across all spokes. **Q: Why does my radar chart look pinched on one side?** A: A pinched shape usually means one label is missing a matching value in that row’s Data field. Radar charts in Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter do not auto-fill missing points, so an incomplete row gets dragged toward zero on that spoke. Matching every label to a score keeps the polygon balanced. **Q: How do I make two radar chart shapes easier to compare?** A: Use clearly different Border Color values for each Datasets row and switch on Legends under Style so each row is named. That helps because multiple rows overlay on the same spokes, which is useful for comparing two or three options side by side but can get visually crowded fast. Distinct borders plus labels make the overlap readable instead of turning into one blended shape. **Q: What is the best way to format radar chart labels and values?** A: Keep everything pipe-separated with no spaces around the | character. The page notes that spaces around the pipe show up in the chart, so `Q1 | Q2` renders with trailing spaces included. Clean formatting matters because labels and series data are all typed as single lines of text, not entered in a spreadsheet-style grid. **Q: Can I use a radar chart for lots of categories or very different value ranges?** A: Radar charts work best with a handful of labels. Too many spokes make the shapes hard to read, and very different value ranges across labels can distort the shape because there is no automatic scaling suggestion. For dense comparisons or mixed ranges, this layout gets messy quickly even when the data is entered correctly.