# Customizing charts with CSS.....or HTML

**URL:** https://discourse.nodered.org/t/customizing-charts-with-css-or-html/25109
**Category:** Dashboard
**Created:** [19 April 2020 04:46 UTC](https://discourse.nodered.org/t/customizing-charts-with-css-or-html/25109 "2020-04-19T04:46:01Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Hawk](https://avatars.discourse-cdn.com/v4/letter/h/22d042/32.png) [@Hawk](https://discourse.nodered.org/u/Hawk)
#### Post date: [19 April 2020 04:46 UTC](https://discourse.nodered.org/t/customizing-charts-with-css-or-html/25109/1 "2020-04-19T04:46:01Z")

</div>

Hello everyone,

About 6am and i have been working on this all night so please excuse me if i am being too blunt as my brain is slowly shutting down at the same time as its about to explode.

I am new to Node-Red that i got up and running on my Pi, 2 days ago.

Things are going well since i got modbus working and i am getting my stats from my solar controller.

Now......i am using charts.

Where it gets tricky its that i would like to customize the charts, like change the color and font of the label.  
After hours of reading, testing, etc.... i ended getting it to work...but not with CSS.

I managed to understand how to use CSS through the template node to format the text displayed in a text box, but i cant get it to work inline to change for example the color of the label field content (which shows a voltage) on a chart.

I found a way, by using the html tag.....but it has been deprecated since 2013 and not supported in HTML5. So Yes, i can do what i what i am trying to do.....but i would like to do it "properly".  
I tried the CSS

,

, and tags with the style property but none work inline. Only the deprecated tag works.

So the question is: How do you customize the charts and stick to current standards ?

 

Thank you and sorry if i left some mistakes, getting really tired :).

---

<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: [19 May 2020 04:46 UTC](https://discourse.nodered.org/t/customizing-charts-with-css-or-html/25109/2 "2020-05-19T04:46:01Z")

</div>

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