REXYGEN Community Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Login

    dygraph - color labels and scale of both axes.

    REXYGEN HMI Designer
    hmi designer dygraph css custom
    2
    4
    758
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      Apollo
      last edited by cechurat

      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)

      1 Reply Last reply Reply Quote 0
      • cechuratC
        cechurat
        last edited by 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.

        f4feda21-e855-4d4e-b81f-983e0118d6fd-image.png

        If you need any assistance, let me know.

        Cheers,
        Tomas

        1 Reply Last reply Reply Quote 0
        • A
          Apollo
          last edited by

          Hi Tomas,

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

          f2a242d1-b56c-4451-abc0-bf2400c4044b-image.png

          Grtz,

          Kris

          1 Reply Last reply Reply Quote 0
          • cechuratC
            cechurat
            last edited by

            Awesome! Thanks for feedback 😉

            Cheers,
            Tomas

            1 Reply Last reply Reply Quote 0
            • First post
              Last post

            This is a community forum for REXYGEN users and fans. Detailed information can be found at REXYGEN homepage.

            There is also an outdated REXYGEN community forum.

            Powered by NodeBB.