# Dashboard chart settings - font, point colour, axis labels etc

**URL:** <https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [28 November 2021 11:34 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397 "2021-11-28T11:34:12Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![letshin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/letshin/32/51665_2.png) [@letshin](https://discourse.nodered.org/u/letshin)\
**Post date:** [28 November 2021 11:34 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/1 "2021-11-28T11:34:12Z")

</div>

Hi - Does anyone know how to change the dashboard chart settings please? I am looking to customise the font size, tick marks, marker colours _etc._ I've inpsected the CSS elements and it seems the chart is a chart.js iframe. Does this mean I have to change the chart.js settings? How can I do this please?

Thanks.

---

<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:** [28 November 2021 11:40 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/2 "2021-11-28T11:40:14Z")

</div>

Something you can definitely find from those examples:

> [@Dashboard tips. ui\_chart with linear x-axis](https://discourse.nodered.org/t/dashboard-tips-ui-chart-with-linear-x-axis/40310):
>
> A little example about ui\_chart advanced configuration. Catch the Boson stuck_out_tongueboom [{"id":"1076704a.386908","type":"ui\_button","z":"7ee51301.a9185c","name":"","group":"c7a27394.057878","order":1,"width":1,"height":1,"passthru":false,"label":"GO","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"date","topic":"reset","x":190,"y":360,"wires":[["1c612e7d.432ac2"]]},{"id":"f84ec1a3.50318","type":"ui\_chart","z":"7ee51301.a9185c","name":"","group":…

---

<div class="post-metadata">

**Author:** ![letshin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/letshin/32/51665_2.png) [@letshin](https://discourse.nodered.org/u/letshin)\
**Post date:** [28 November 2021 19:44 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/3 "2021-11-28T19:44:14Z")

</div>

Thanks. This is great help. Would you be able to tell where I can find the documentation for msg.ui\_control, if there is any?

---

<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:** [28 November 2021 19:59 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/4 "2021-11-28T19:59:11Z")

</div>

Good place for every node is the Readme. And ofcourse the dashboard has one. [GitHub - node-red/node-red-dashboard: A dashboard UI for Node-RED](https://github.com/node-red/node-red-dashboard)

---

<div class="post-metadata">

**Author:** ![letshin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/letshin/32/51665_2.png) [@letshin](https://discourse.nodered.org/u/letshin)\
**Post date:** [28 November 2021 20:34 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/5 "2021-11-28T20:34:07Z")

</div>

Thanks. Should have looked here first. And I guess for the full options I can just refer to angular-chartjs options for the full list as per the readme. Marked as solved.

---

<div class="post-metadata">

**Author:** ![letshin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/letshin/32/51665_2.png) [@letshin](https://discourse.nodered.org/u/letshin)\
**Post date:** [28 November 2021 21:09 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/6 "2021-11-28T21:09:35Z")

</div>

I've looked around more on the forum and noticed that there is another way to make changes other than the link you shared. In another answer you gave, you used a template node to modify the chart properties. Is this the only way to modify the datasets settings so I can set fill: true and modify background colours? Should this be a separate question?

---

<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:** [29 November 2021 06:09 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/7 "2021-11-29T06:09:52Z")

</div>

Using the underlying library directly gives access to the datasets. It is not that much different question cos the outcome is still chart but yes, the technique changes and the syntax vary and yes, you'll have more options to play with. Like multiple chart types on same chart and so on.

---

<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:** [13 December 2021 06:10 UTC](https://discourse.nodered.org/t/dashboard-chart-settings-font-point-colour-axis-labels-etc/54397/8 "2021-12-13T06:10:48Z")

</div>

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