Radial Gauge

The Radial Gauges are part of the Charts components which the Unite UX supports.

Radial Gauge


  • The RadialGauge represents a value on a circular arc.
  • The difference between Arc and Radial gauges is that in ArcGauges the value is represented by a value range on the arc instead of a pointer indicating a specific value.

Properties of Interest

  • HTML Wrapper—Template of the HTML that would wrap the component.
  • Pointers—The configuration options for the RadialGauge pointer.

    • Value—The pointer value.
    • Model—The data model that is associated with this component. For more information, refer to the article on using data source instances.

    Include any custom code for this component in the [view-name].view.component.ts file for Angular which is located in the \app\src\modules\[module-name]\[view-name] folder or [view-name].tsx file for React which is located in the \app\src\components\[module-name]\[view-name] folder. For more information, refer to the article on custom code.

In this article
Not finding the help you need?

Unite UX direction is evolving!

Dear friends, after gaining plenty of great experience and feedback through working with you, our direction evolves to better serve your needs. Our mission to bridge the design to development gap remains unchanged. The way to solve it, though is new. Visit our webpage to meet the new Unite UX: The collaborative design to development UI components builder.

Explore the New Unite UX