# 4-axis radar (spider) chart via ui\_template?

**URL:** <https://discourse.nodered.org/t/4-axis-radar-spider-chart-via-ui-template/99615>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, uibuilder\
**Created:** [7 November 2025 06:47 UTC](https://discourse.nodered.org/t/4-axis-radar-spider-chart-via-ui-template/99615 "2025-11-07T06:47:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![karlgotbread](https://avatars.discourse-cdn.com/v4/letter/k/e480ec/32.png) [@karlgotbread](https://discourse.nodered.org/u/karlgotbread)\
**Post date:** [7 November 2025 06:47 UTC](https://discourse.nodered.org/t/4-axis-radar-spider-chart-via-ui-template/99615/1 "2025-11-07T06:47:26Z")

</div>

Hi everyone,

I’d like to render a 4-axis radar (spider) chart in the Dashboard. I know there’s no native widget for this, so I’m wondering if anyone has implemented it via `ui_template`.

- Goal: 4 axes (4 metrics), real-time updates from `msg.payload`.
- Constraint: preferably stay within Dashboard (not necessarily uibuilder), but I’m open to any solution.
- Nice to have: styling examples (colors, filled area, min/max), and responsive behavior.

If you have any pointers, examples, flows, or projects  
showing a radar chart via `ui_template` (Chart.js, ECharts, etc.), I’d really appreciate it.  
I’ll attach a sample image of the look I’m aiming for.

 ![dashb](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/7/f7ff73c29b1a8d90ec50d066836d357c7508feee.jpeg)

Thanks!

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [7 November 2025 07:41 UTC](https://discourse.nodered.org/t/4-axis-radar-spider-chart-via-ui-template/99615/2 "2025-11-07T07:41:29Z")

</div>

[An example](https://discourse.nodered.org/t/how-to-configure-echarts-in-dashboard-2/87259/4) how to use echarts within a dashboard-2 template node

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [7 December 2025 07:42 UTC](https://discourse.nodered.org/t/4-axis-radar-spider-chart-via-ui-template/99615/3 "2025-12-07T07:42:23Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.