# First impressions of dashboard 2 charts v1.27.0

**URL:** <https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [11 September 2025 11:58 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012 "2025-09-11T11:58:10Z")\
**Posts on this page:** 6\
**Page:** 3

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [15 September 2025 19:28 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012/41 "2025-09-15T19:28:46Z")

</div>

Would it be possible to turn of animation. I have a bar chart that pops up and down like a demented rabbit.

---

<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:** [15 September 2025 19:34 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012/42 "2025-09-15T19:34:21Z")

</div>

In addition to the custom timestamp format issue, you are seeing the fact that the labels can overlap. This was also present in 1.27.0. I raised an issue for it earlier.

> <https://github.com/FlowFuse/node-red-dashboard/issues/1842>
>
> \### Current Behavior
> 
> Often the x axis timestamp labels overlap in a line chart.…
> 
> \### Expected Behavior
> 
> They should not overlap
> 
> \### Steps To Reproduce
> 
> Run this flow to see the problem.
> \`\`\`
> \[{"id":"e0f939c39f438a57","type":"ui-chart","z":"997da33a0beedade","group":"4f87bd59a15b847e","name":"x axis timestamp formatting test","label":"x axis test","order":1,"chartType":"line","category":"topic","categoryType":"msg","xAxisLabel":"","xAxisProperty":"","xAxisPropertyType":"timestamp","xAxisType":"time","xAxisFormat":"","xAxisFormatType":"{HH}:{mm}:{ss}","xmin":"","xmax":"","yAxisLabel":"","yAxisProperty":"payload","yAxisPropertyType":"msg","ymin":"","ymax":"","bins":10,"action":"append","stackSeries":false,"pointShape":"circle","pointRadius":"3","showLegend":false,"removeOlder":"10","removeOlderUnit":"60","removeOlderPoints":"","colors":\["#0095ff","#ff0000","#ff7f0e","#2ca02c","#a347e1","#d62728","#ff9896","#9467bd","#c5b0d5"\],"textColor":\["#346cda"\],"textColorDefault":false,"gridColor":\["#2dd920"\],"gridColorDefault":false,"width":"3","height":"4","className":"","interpolation":"linear","x":670,"y":2660,"wires":\[\[\]\]},{"id":"a7794835b16c88a8","type":"inject","z":"997da33a0beedade","name":"","props":\[{"p":"payload"},{"p":"topic","vt":"str"}\],"repeat":"5","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":120,"y":2660,"wires":\[\["4d5e9f52310935c6"\]\]},{"id":"4d5e9f52310935c6","type":"function","z":"997da33a0beedade","name":"Random numbers","func":"msg.payload = Math.random()\\n\\nreturn msg","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":\[\],"x":350,"y":2660,"wires":\[\["e0f939c39f438a57"\]\]},{"id":"f0897fec9eecd662","type":"inject","z":"997da33a0beedade","name":"Clear","props":\[{"p":"payload"}\],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"\[\]","payloadType":"json","x":480,"y":2720,"wires":\[\["e0f939c39f438a57"\]\]},{"id":"4f87bd59a15b847e","type":"ui-group","name":"test","page":"c6ff182a4185f2f2","width":"6","height":"1","order":1,"showTitle":false,"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":"f9b6670b127dc219","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":4,"className":"","visible":"true","disabled":"false"},{"id":"ID-BASE-1","type":"ui-base","name":"Dashboard","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":\["ui-control","ui-notification","ui-gauge-classic"\],"showPathInSidebar":false,"headerContent":"page","titleBarStyle":"default","showReconnectNotification":false,"notificationDisplayTime":"1","showDisconnectNotification":true,"allowInstall":true},{"id":"f9b6670b127dc219","type":"ui-theme","name":"FlowForge Theme","colors":{"surface":"#152a47","primary":"#005aff","bgPage":"#ffffff","groupBg":"#ffffff","groupOutline":"#cc3e3e"},"sizes":{"pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px","density":"default"}},{"id":"4ad5a44e5f76c738","type":"global-config","env":\[\],"modules":{"@flowfuse/node-red-dashboard":"1.27.0"}}\]
> \`\`\`
> 
> \### Environment
> 
> \- Dashboard version: 1.27.0+ main branch at 5de05076ccd
> \- Node-RED version: 4.1.0
> \- Node.js version:
> \- npm version:
> \- Platform/OS:
> \- Browser: Edge
> 
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I am not a FlowFuse team member

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [15 September 2025 19:55 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012/43 "2025-09-15T19:55:24Z")

</div>

Sorry, I only just saw your reply @Colin

> [@joepavitt](#):
>
> Link in the release notes to the new token format, it’s pretty much just wrap `{ }` around the tokens in most cases.

Just for information:  
Yes I was using a custom format DD MMM.  
Now with {DD}{MMM} it looks like this, which I guess is related to the vertical line spacing issue.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/7/5735469a7646ad1e00d4ea5be4c7ff0c72deee98.png)  
This seems a trivial issue. I'm happy to play with font sizes to try and get a work-around.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [15 September 2025 19:57 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012/44 "2025-09-15T19:57:36Z")

</div>

> [@Buckskin](#):
>
> Would it be possible to turn of animation. I have a bar chart that pops up and down like a demented rabbit.

Absolutely open to it, yep.

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [15 September 2025 21:36 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012/45 "2025-09-15T21:36:29Z")

</div>

Noticed that, then discovered the {} requirement. All OK now.

---

<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:** [15 October 2025 21:36 UTC](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012/46 "2025-10-15T21:36:37Z")

</div>

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

[Previous page](https://discourse.nodered.org/t/first-impressions-of-dashboard-2-charts-v1-27-0/99012.md?page=2)