# How to add individual point style in ui-chart

**URL:** https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [11 August 2025 07:54 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596 "2025-08-11T07:54:20Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Kang](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kang](https://discourse.nodered.org/u/Kang)
#### Post date: [11 August 2025 07:54 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596/1 "2025-08-11T07:54:20Z")

</div>

Hi, sir

I am using the UI CHART in dashboard 2.0, and I have several series lines display in UI chart.

I need to add an addition feature and do not know how to achieve it:

1. I want some points in the line to have a triangle or cross point style, and other points remain none point style;
2. And I want to control the triangle’s direction of point, like below:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/7/37c58febeff5c8098392264b81c948ebd717c448.png)

1. And does the UI CHART have the zoom and reset button feature to enlarge the line detail and return to the original zoom size?

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [11 August 2025 08:32 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596/2 "2025-08-11T08:32:11Z")

</div>

Unless you are implementing charts yourself (for example importing chart.js or echarts in a template node) this level of control is not currently possible.

---

<div class="post-metadata">

### Author: ![Kang](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kang](https://discourse.nodered.org/u/Kang)
#### Post date: [11 August 2025 09:03 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596/3 "2025-08-11T09:03:18Z")

</div>

Hi

Understand.

Is there any reference or guide line to import the ui\_chart.js to template node?

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [11 August 2025 09:07 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596/4 "2025-08-11T09:07:44Z")

</div>

I am certain I seen 1 or 2 examples floating around the forum: [Search results for '#dashboard-2 chart.js template order:latest' - Node-RED Forum](https://discourse.nodered.org/search?q=%23dashboard-2%20chart.js%20template%20order%3Alatest)

---

<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: [10 September 2025 09:07 UTC](https://discourse.nodered.org/t/how-to-add-individual-point-style-in-ui-chart/98596/5 "2025-09-10T09:07:46Z")

</div>

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