# Trend charts with zoom and slide functionality?

**URL:** <https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [11 February 2025 15:23 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324 "2025-02-11T15:23:50Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![dudleyjosh](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dudleyjosh/32/105799_2.png) [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Post date:** [11 February 2025 15:23 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/1 "2025-02-11T15:23:50Z")

</div>

We use some of the Opto22 groovEPIC devices and one of the built-in gadgets in their groovView HMI is a trend chart that allows you to zoom and slide to get zoomed in views of the chart data.

[see screen recording here](https://photos.app.goo.gl/9hag2VDYaZrhHQf78)

Is there an easy way to replicate this kind of functionality with the charts in Dashboard v2?

---

<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 February 2025 15:32 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/2 "2025-02-11T15:32:42Z")

</div>

that is just an `EChart` (example: [Examples - Apache ECharts](https://echarts.apache.org/examples/en/editor.html?c=grid-multiple))

We are (@BartButenaers is) in the process of adding eCharts to #dashboard but its some way off.

In the mean time, you can DIY it: [How to configure Echarts in Dashboard 2? - #4 by Steve-Mcl](https://discourse.nodered.org/t/how-to-configure-echarts-in-dashboard-2/87259/4)

> [@How to configure Echarts in Dashboard 2?](https://discourse.nodered.org/t/how-to-configure-echarts-in-dashboard-2/87259/4):
>
> ![chrome_3bl8y1grck](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/2/324c8ec428ce6dc01de85279eb189f531f1d8086.gif)

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [11 February 2025 16:43 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/3 "2025-02-11T16:43:51Z")

</div>

Hi @Steve-Mcl,  
I have added that feature last night (to my local ui chart node version): see [demo](https://github.com/FlowFuse/node-red-dashboard/issues/782#issuecomment-2649211421)

---

<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 February 2025 17:34 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/4 "2025-02-11T17:34:02Z")

</div>

L♥ve it Bart. Glad you spotted that feature. There are tons more (like offering download/export etc)

---

<div class="post-metadata">

**Author:** ![dudleyjosh](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dudleyjosh/32/105799_2.png) [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Post date:** [11 February 2025 17:56 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/5 "2025-02-11T17:56:09Z")

</div>

@Steve-Mcl it's exciting to know that Dashboard is moving to ECharts... after looking at the link you shared it looks like all of the functionality I was looking for will come along with that transition.

---

<div class="post-metadata">

**Author:** ![dudleyjosh](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dudleyjosh/32/105799_2.png) [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Post date:** [11 February 2025 17:57 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/6 "2025-02-11T17:57:34Z")

</div>

Download/export would definitely be a great feature too!

---

<div class="post-metadata">

**Author:** ![Kundepuu](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@Kundepuu](https://discourse.nodered.org/u/Kundepuu)\
**Post date:** [12 February 2025 04:59 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/7 "2025-02-12T04:59:56Z")

</div>

You can also check Amcharts  
[Amcharts](https://www.amcharts.com/)

---

<div class="post-metadata">

**Author:** ![ceysa75](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ceysa75/32/31340_2.png) [@ceysa75](https://discourse.nodered.org/u/ceysa75)\
**Post date:** [4 March 2025 06:40 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/8 "2025-03-04T06:40:11Z")

</div>

Dear Bart, I hardly dare to ask, but do you think you could provide a minimally functional version (even if in alpha status)? It would be enough if one could simply feed the node with data (different topics) and the lines are plotted in different colors. Why I am asking is that I just have completely moved from DB1 and DB2. I am quite happy with it. Except for charts. It took me 2 days to understand why my whole Home automation system becomes unresponsive after a couple of hours. And this is due to some very simple temperature charts which even are not updated very frequently. The exact same charts never been an issue in DB1 btw. I would be very grateful if you could provide the most minimal solution possible (functional, no need for extra design stuff...). But let me also say that I have the greatest respect for the work you put into this community in your free time and I completely understand if this is a lower priority for you for the time being.  
Regards from Berlin...

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [4 March 2025 06:54 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/9 "2025-03-04T06:54:53Z")

</div>

> [@ceysa75](#):
>
> Dear Bart, I hardly dare to ask

Hi @ceysa75  
No problem at all. If you ask it that kind, how can I refuse...  
My Frigate AI video surveillance seems now to be running quite stable, so I might have a look at the charts again.  
But no SLA's or ETA's. Got the bad news last night that my dad - who is also my best mate - has cancer, which means my Node-RED time will again be reduced.  
Will see what I can do for the charts. If I remind correctly, I need to implement basic dynamic updates. Because config changes are currently ignored.  
Will keep you updated.

---

<div class="post-metadata">

**Author:** ![ceysa75](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ceysa75/32/31340_2.png) [@ceysa75](https://discourse.nodered.org/u/ceysa75)\
**Post date:** [4 March 2025 11:05 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/10 "2025-03-04T11:05:53Z")

</div>

Dear Bart,

I am so very sorry about your father, and it makes me truly sad. I have experienced something similar with my own father. From the bottom of my heart, I wish you and your family the strength to get through this.

Here we are, talking about some charts that need to be plotted… Listen to me. Compared to this, none of it matters. Leave it be and take care of your best mate... Wish you all the best

---

<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:** [3 April 2025 11:06 UTC](https://discourse.nodered.org/t/trend-charts-with-zoom-and-slide-functionality/95324/11 "2025-04-03T11:06:21Z")

</div>

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