# Dashboard Chart not working

**URL:** <https://discourse.nodered.org/t/dashboard-chart-not-working/36644>\
**Category:** Dashboard\
**Created:** [27 November 2020 19:33 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644 "2020-11-27T19:33:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![NodeBlank](https://avatars.discourse-cdn.com/v4/letter/n/edb3f5/32.png) [@NodeBlank](https://discourse.nodered.org/u/NodeBlank)\
**Post date:** [27 November 2020 19:33 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/1 "2020-11-27T19:33:56Z")

</div>

Hello. First time user here, so please bare with me. I am following a network monitoring tutorial for Raspberry Pi and was excited to try out Node-Red. I'm running the latest Buster version of the OS (just re-imaged yesterday) and on this clean install I used the Install Script to install node-red. I also added via npm node-red-dashboards, node-red-snmp and otheres.

I was able to create my first node-red flow, which is a simple ping monitor feeding into dashboards chart.

But when I deploy the flow and then browse to http://{{ip address}}:1880/ui, my chart shows up as being blank. I can see the header title of my group and the chart beneath it... but there's no chart at all. Not even an blank/empty chart.

Also the "home" button at the top is non-clickable, in fact nothing on the /ui page is clickable. So I'm starting to think there must be some other package I need to install. It looks like the UI/Dashboards function isn't working right.

I know there isn't much to go off here troubleshooting wise, I can look at any log file or other config files as necessary. Very curious to see what I have done wrong.

Thanks!

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [27 November 2020 19:41 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/2 "2020-11-27T19:41:39Z")

</div>

You need to send it some data .

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [27 November 2020 19:41 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/3 "2020-11-27T19:41:44Z")

</div>

Hi and welcome.

Ok, what you need to do is export the flow and paste it here so people can see it.

This is done by going to the edit screen and _drag selecting_ the nodes then up in the top right corner of the `NODE-RED` window click the menu button. (Aka "the hamburger" is that is what it kind of looks like.)

Select `EXPORT` `copy to clipboard` and `ok`.

Reply and click the `</>` button at the top of the edit screen and paste the code.

Maybe a screen shot too would help.

 ![Screenshot from 2020-11-28 06-40-51](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/8/f870e542c223e64f932b788c02a5e1dbd266524e.png)

---

<div class="post-metadata">

**Author:** ![NodeBlank](https://avatars.discourse-cdn.com/v4/letter/n/edb3f5/32.png) [@NodeBlank](https://discourse.nodered.org/u/NodeBlank)\
**Post date:** [27 November 2020 19:46 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/4 "2020-11-27T19:46:15Z")

</div>

Thanks for the swift reply. Here is the export

```auto
[{"id":"c53b340f.9b3d38","type":"ui_chart","z":"9083359e.e91dd8","name":"Router Ping","group":"52bf2184.2f0fe","order":0,"width":"6","height":"3","label":"Router Ping","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"No Data","dot":true,"ymin":"1","ymax":"50","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"86400","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"x":500,"y":220,"wires":[[]]},{"id":"5346bc2.2526a44","type":"ping","z":"9083359e.e91dd8","mode":"timed","name":"ROUTERPING","host":"172.17.0.1","timer":"20","inputs":0,"x":240,"y":220,"wires":[["c53b340f.9b3d38"]]},{"id":"52bf2184.2f0fe","type":"ui_group","name":"Ping Chart","tab":"24322cac.39b734","order":1,"disp":true,"width":"6","collapse":false},{"id":"24322cac.39b734","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

Here is a screen grab of what I see when I browse to /ui

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/2/a2451c75e96f6029126cef5bb58a482f3a1878b5.png)

---

<div class="post-metadata">

**Author:** ![NodeBlank](https://avatars.discourse-cdn.com/v4/letter/n/edb3f5/32.png) [@NodeBlank](https://discourse.nodered.org/u/NodeBlank)\
**Post date:** [27 November 2020 20:28 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/5 "2020-11-27T20:28:13Z")

</div>

I figured something out. I clearly have no idea what I am doing, but in the chart properties I tried changing it from the home tab to a different tab name, and suddenly I've got a chart displaying data on the ui.

Very odd.. but i'll take it.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [28 November 2020 03:16 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/6 "2020-11-28T03:16:07Z")

</div>

Hi again.

If you are posting flows with _foreign_ nodes, please give the people a _head's up_.

I just tried to import it and got...... **missing nodes**.

How about you take this to the nuts and bolts level.

Get an `inject` node, get the `chart` node stick the `random` node between them and set it to do random 1 - 10.

I'm not sure that comes as standard, but if you have got other _foreign_ nodes installed, it would not be too hard to get that one node and do this.

Set the chart accordingly.

Press the `inject` node and see what happens.

Then, with that you can put `debug` nodes on your flow's "input" from the `ping` stuff and see if it is ok to give to the chart.

---

<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:** [28 December 2020 03:16 UTC](https://discourse.nodered.org/t/dashboard-chart-not-working/36644/7 "2020-12-28T03:16:11Z")

</div>

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