Arc Gauge

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

ArcGauge

Usage

  • The ArcGauge 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

  • Value—The value of the ArcGauge.
  • Color—The color of the value pointer.
  • Center Template—Template for customizing the content inside the center of the ArcGauge.
  • HTML Wrapper—Template of the HTML that would wrap the component.
  • 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