dygraph - color labels and scale of both axes.

Apollo

How can we change the color of the labels/scale of the x- and y-axis? I have a dark background and the black labels are almost not visible.

2021-01-11 16_25_50.png image url)

cechurat

Hi Kris,

thanks for asking this question. It is possible to change the color of axes labels by introducing CSS style - see Dygraph doc: https://dygraphs.com/css.html

In order to make it running with REXYGEN HMI follow these instructions and see also example attached - dygraph-axis-label-css.zip

Create "CUSTOM" directory in hmisrc directory
Create "css" directory in "CUSTOM" directory
Create CSS file in "css" directory with following naming convention: "anyName".css
Paste following code (it will change color of x and y labels to yellow):

.dygraph-axis-label-x{
	color:yellow;
}

.dygraph-axis-label-y{
	color:yellow;
}

Open your *.hmi.svg file containing the TRND component
Open Configuration dialog (Ctrl + E) and manually fill all used libraries in most cases GENERAL and CUSTOM. Be sure to include all of them - e.g. if you use any component from HVAC library, add line containing HVAC.

If you need any assistance, let me know.

Cheers,
Tomas

Apollo

Hi Tomas,

Thanks for the swift reply, it's working like a charm..... and we learned again something

Grtz,

Kris

cechurat

Awesome! Thanks for feedback

Cheers,
Tomas