• Recent
    • Tags
    • Popular
    • Register
    • Login

    Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

    Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website Mango 5 Documentation Website

    Text on gauges

    User help
    3
    5
    1.5k
    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.
    • P
      petermcs
      last edited by

      I'm trying to use the ma-gauge-chart and have two issues.

      1. The text between <ma-gauge-chart> does not seem to display </ma-gauge-chart>. It shows in the editor when I edit it but does not appear on the final displayed page.
      2. Can you set a units to dosplay with the value?

      Regards
      Peter

      1 Reply Last reply Reply Quote 0
      • MattFoxM
        MattFox
        last edited by

        I can tell you that the ma-gauge-chart tag is an angularJS component so it will not show anything between the tags, and thus not be rendered.
        Units usually show if you have set the unit field on the individual datapoint under /data_sources.shtm.
        Feel free to take screenshots and describe further what you are trying to accomplish.

        Fox

        Do not follow where the path may lead; go instead where there is no path.
        And leave a trail - Muriel Strode

        1 Reply Last reply Reply Quote 1
        • pierjsapP
          pierjsap
          last edited by pierjsap

          How to suggest by Matt you can customize your gauge.

          <ma-gauge-chart id="4cab95e2-1514-4e14-9edc-4563c92bebf1" style="position: absolute; width: 400px; height: 400px; left: 0px; top: 116px;" point="YOUR_POINT" animate-band-mode="true" arrow-alpha="0" interval="15" value-offset="15" tick-interval="90" tickcolor="#ff0000" band1-color="#ff0000" auto-start="true" auto-end="true" band1-end="90" options="{titles:[{text: 'YourTEXT',size: 15}],axes: [{startAngle: -90, endAngle:90,innerRadius:100}], radius: '105'}" radius="105"></ma-gauge-chart>
          You can read the API and this post Gauge styles to realize personalize your gauge.

          I hope this helps ;) bye @petermcs

          1 Reply Last reply Reply Quote 1
          • P
            petermcs
            last edited by

            Thank you both very much. I've set the units on the data point and it now shows up on the gauge.
            The titles/text option puts the title on top which is not where it needs to be so I've just put the gauge in a div with the text after and styled it to center the text which works ok for now...

            Peter

            1 Reply Last reply Reply Quote 0
            • pierjsapP
              pierjsap
              last edited by

              @petermcs you can move the position of the text with offset properties

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