<![CDATA[Text on gauges]]>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

]]>https://forum.mango-os.com/topic/3376/text-on-gaugesRSS for NodeThu, 18 Jun 2026 13:52:55 GMTWed, 28 Mar 2018 20:29:51 GMT60<![CDATA[Reply to Text on gauges on Fri, 30 Mar 2018 07:19:17 GMT]]>@petermcs you can move the position of the text with offset properties

]]>https://forum.mango-os.com/post/17870https://forum.mango-os.com/post/17870Fri, 30 Mar 2018 07:19:17 GMT<![CDATA[Reply to Text on gauges on Fri, 30 Mar 2018 06:59:35 GMT]]>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

]]>https://forum.mango-os.com/post/17869https://forum.mango-os.com/post/17869Fri, 30 Mar 2018 06:59:35 GMT<![CDATA[Reply to Text on gauges on Thu, 29 Mar 2018 08:17:05 GMT]]>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

]]>https://forum.mango-os.com/post/17861https://forum.mango-os.com/post/17861Thu, 29 Mar 2018 08:17:05 GMT<![CDATA[Reply to Text on gauges on Thu, 29 Mar 2018 01:19:45 GMT]]>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

]]>https://forum.mango-os.com/post/17856https://forum.mango-os.com/post/17856Thu, 29 Mar 2018 01:19:45 GMT