# Zoom-in and Zoom-out of Charts

**URL:** <https://discourse.nodered.org/t/zoom-in-and-zoom-out-of-charts/21293>\
**Category:** Dashboard\
**Created:** [5 February 2020 06:05 UTC](https://discourse.nodered.org/t/zoom-in-and-zoom-out-of-charts/21293 "2020-02-05T06:05:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Post date:** [5 February 2020 06:05 UTC](https://discourse.nodered.org/t/zoom-in-and-zoom-out-of-charts/21293/1 "2020-02-05T06:05:50Z")

</div>

Dear Node-red Experts,  
Will it be possible that the Dashboard Chart can be Zoom-in and Zoom-out ?

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [5 February 2020 07:43 UTC](https://discourse.nodered.org/t/zoom-in-and-zoom-out-of-charts/21293/2 "2020-02-05T07:43:46Z")

</div>

There isn't any built in functionality for zooming. But you can build it.  
This thread may help [Chart Variable Timeline X-Axis](https://discourse.nodered.org/t/chart-variable-timeline-x-axis/13945)

---

<div class="post-metadata">

**Author:** ![Christian-Me](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/christian-me/32/10774_2.png) [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)\
**Post date:** [5 February 2020 09:08 UTC](https://discourse.nodered.org/t/zoom-in-and-zoom-out-of-charts/21293/3 "2020-02-05T09:08:01Z")

</div>

There are chart.js plugins available to do zoom and pan. I don’t know how to implement one of these (template node?) without any changes on the chart node itself.

> **[chartjs/chartjs-plugin-zoom](https://github.com/chartjs/chartjs-plugin-zoom)**
>
> Zoom and pan plugin for Chart.js. Contribute to chartjs/chartjs-plugin-zoom development by creating an account on GitHub.

Perhaps somebody has an idea.

---

<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:** [6 March 2020 09:08 UTC](https://discourse.nodered.org/t/zoom-in-and-zoom-out-of-charts/21293/4 "2020-03-06T09:08:05Z")

</div>

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