# Dashboard2 - modifying how timeseries time is shown in ui-chart?

**URL:** <https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575>\
**Category:** FlowFuse\
**Tags:** dashboard-2\
**Created:** [15 February 2024 18:49 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575 "2024-02-15T18:49:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Soiski](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/soiski/32/88848_2.png) [@Soiski](https://discourse.nodered.org/u/Soiski)\
**Post date:** [15 February 2024 18:49 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575/1 "2024-02-15T18:49:54Z")

</div>

Is there a way how the time display can be modified on the new ui-chart. Like change the time format to have short date & time (now only two digit AM/PM format ). Do you do it somehow via CSS styling or ?

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

---

<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:** [15 February 2024 18:55 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575/2 "2024-02-15T18:55:17Z")

</div>

Nothing to do with CSS. It is chart config thing but not yet available to adjust. Must wait a bit. It will be available, too early to say how much or which way but it's coming for sure.

---

<div class="post-metadata">

**Author:** ![Soiski](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/soiski/32/88848_2.png) [@Soiski](https://discourse.nodered.org/u/Soiski)\
**Post date:** [15 February 2024 19:20 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575/3 "2024-02-15T19:20:19Z")

</div>

OK Thanks . We are trying 🙂

---

<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:** [16 February 2024 08:34 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575/4 "2024-02-16T08:34:45Z")

</div>

Yeah, ability to modify how timestamps are rendered is coming up enough for me to pay attention 😃 haven't quite worked out how to allow configuration of this just yet, but it's on the list.

---

<div class="post-metadata">

**Author:** ![enodev](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/enodev/32/87853_2.png) [@enodev](https://discourse.nodered.org/u/enodev)\
**Post date:** [16 February 2024 10:02 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575/5 "2024-02-16T10:02:16Z")

</div>

It would be cool if there is a `ui-chart` property where one can put a custom `chart.js` config that will get somehow merged with whatever `ui-chart` comes up with so that you open up advanced configuration options without necessarily adding a node-red properties for every possible combination of options. Chart JS is so powerful that it probably does not make sense to expose every possible option to Node RED.

---

<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:** [16 February 2024 11:17 UTC](https://discourse.nodered.org/t/dashboard2-modifying-how-timeseries-time-is-shown-in-ui-chart/85575/6 "2024-02-16T11:17:41Z")

</div>

[UIChart / chart.js "advanced" mode · Issue #58 · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues/58) 🙂

Others have brought this up to, definitely on my radar
