# Ui-chart not showing anything

**URL:** <https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [4 April 2026 18:08 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716 "2026-04-04T18:08:18Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 18:08 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/1 "2026-04-04T18:08:18Z")

</div>

Hi everyone, I've been trying to make ui-chart (Dashboard2) show timeseries graph, but no luck: the chart does not update and no data is visible. I read the docs, followed the videos, but still nothing.

Versions:

- node-red 4.1.8
- Dasboard2: 1.30.2

This is my data:

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

And this is the chart configuration:

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

Anything wrong?  
Thanks in advance for your help

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 April 2026 19:24 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/2 "2026-04-04T19:24:20Z")

</div>

That is not a particularly ideal format of data. Show us the original data that you get from your db or wherever it comes from. The chart config will probably be much easier using that.

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:27 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/3 "2026-04-04T19:27:17Z")

</div>

The chart just isn't showing the data, no matter the format. So I don't really get the point in how the original format can influence it...

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:32 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/4 "2026-04-04T19:32:10Z")

</div>

Anyways, this is the original data:

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

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 April 2026 19:32 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/5 "2026-04-04T19:32:55Z")

</div>

That is because the chart is not configured properly for your data, and without some research I don't know how to configure it for that strange format.  
Alternatively insert a Change node configured to Move msg.payload.data To msg.payload and configure the chart as

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/4/049e7ceaf397cb62ea16234c8d68007abf6dd6bd.png)

Note that since you have the X-axis limit as 1 hour it will not show data older than one hour, but that may be what you want.

If your data comes as an array from the db you may be able to feed it directly into the chart with the appropriate keys.

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:34 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/6 "2026-04-04T19:34:25Z")

</div>

Ok, thanks. I've done that as well, but it doesn't work either.  
And no, as you can see from the second picture, it's a REST API

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 April 2026 19:38 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/7 "2026-04-04T19:38:22Z")

</div>

Does this work?

```auto
[{"id":"30389ad6d36d572b","type":"inject","z":"997da33a0beedade","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":170,"y":4440,"wires":[["167541cb74c785ef"]]},{"id":"167541cb74c785ef","type":"function","z":"997da33a0beedade","name":"Generate data","func":"msg.payload = {data: [\n {\"x\": 1693433100000, \"y\": 0}, {\"x\": 1693433200000, \"y\": 20}\n]}\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":340,"y":4440,"wires":[["dba596e9a15e81b6","241e4c0eb94f1395"]]},{"id":"99530c40c741324e","type":"ui-chart","z":"997da33a0beedade","group":"4f87bd59a15b847e","name":"TEst data","label":"test data chart","order":4,"chartType":"line","category":"","categoryType":"none","xAxisLabel":"","xAxisProperty":"x","xAxisPropertyType":"property","xAxisType":"time","xAxisFormat":"","xAxisFormatType":"auto","xmin":"","xmax":"","yAxisLabel":"","yAxisProperty":"y","yAxisPropertyType":"property","ymin":"","ymax":"","bins":10,"action":"append","stackSeries":false,"pointShape":"circle","pointRadius":4,"showLegend":true,"removeOlder":"0","removeOlderUnit":"3600","removeOlderPoints":"","colors":["#0095ff","#ff0000","#ff7f0e","#2ca02c","#a347e1","#d62728","#ff9896","#9467bd","#c5b0d5"],"textColor":["#666666"],"textColorDefault":true,"gridColor":["#e5e5e5"],"gridColorDefault":true,"width":6,"height":8,"className":"","interpolation":"linear","x":800,"y":4440,"wires":[[]]},{"id":"241e4c0eb94f1395","type":"change","z":"997da33a0beedade","name":"","rules":[{"t":"move","p":"payload.data","pt":"msg","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":570,"y":4440,"wires":[["99530c40c741324e"]]},{"id":"4f87bd59a15b847e","type":"ui-group","name":"test","page":"c6ff182a4185f2f2","width":"6","height":"1","order":1,"showTitle":true,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"c6ff182a4185f2f2","type":"ui-page","name":"Test page","ui":"ID-BASE-1","path":"/testpage","icon":"home","layout":"grid","theme":"c4cba76c368d7996","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":9,"className":"","visible":"true","disabled":"false"},{"id":"ID-BASE-1","type":"ui-base","name":"Dashboard","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-control","ui-notification"],"showPathInSidebar":false,"headerContent":"page","titleBarStyle":"default","showReconnectNotification":false,"notificationDisplayTime":"1","showDisconnectNotification":true,"allowInstall":true},{"id":"c4cba76c368d7996","type":"ui-theme","name":"Test theme","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}},{"id":"6e4fe22d08fdafc3","type":"global-config","env":[],"modules":{"@flowfuse/node-red-dashboard":"1.30.2"}}]

```

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:42 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/8 "2026-04-04T19:42:04Z")

</div>

Ok, now I see it works if the X data type is "categorical"

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

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 April 2026 19:44 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/9 "2026-04-04T19:44:03Z")

</div>

Set the x axis limit to 0 (ie no limit) and the data type back to timestamp.

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:45 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/10 "2026-04-04T19:45:43Z")

</div>

Oh, man, that did the trick. Thank you so much! 🙂

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [4 April 2026 19:46 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/11 "2026-04-04T19:46:36Z")

</div>

I did say earlier:

> [@Colin](#):
>
> Note that since you have the X-axis limit as 1 hour it will not show data older than one hour, but that may be what you want.

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:51 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/12 "2026-04-04T19:51:47Z")

</div>

Actually yes, but no data was shown with the limit anyways.

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [4 April 2026 19:53 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/13 "2026-04-04T19:53:16Z")

</div>

Oh, ok. My mistake. The data is test data from 2023, so that's why it was not showing.

---

<div class="post-metadata">

**Author:** ![AllanOricil](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/allanoricil/32/106911_2.png) [@AllanOricil](https://discourse.nodered.org/u/AllanOricil)\
**Post date:** [6 April 2026 00:12 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/14 "2026-04-06T00:12:52Z")

</div>

Is this plug and play if i have dashboard 2.0 package installed or do i need to do some other setup to see something?

---

<div class="post-metadata">

**Author:** ![marcosing](https://avatars.discourse-cdn.com/v4/letter/m/7ea924/32.png) [@marcosing](https://discourse.nodered.org/u/marcosing)\
**Post date:** [6 April 2026 05:41 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/15 "2026-04-06T05:41:38Z")

</div>

No no other setup

---

<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:** [20 April 2026 05:42 UTC](https://discourse.nodered.org/t/ui-chart-not-showing-anything/100716/16 "2026-04-20T05:42:20Z")

</div>

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