Learn more about the gauge chart in the Profile view .

A gauge chart displays a single value within a predefined range, typically represented as a semi-circular gauge with a needle pointing to the relevant value. You've likely seen these in common use cases, such as tracking sales targets or checking internet speed.

The Profile view in Hub hosts gauge charts that can be configured based on your requirements. For example, you can configure your chart to view the financial credit score of your customers or vendors.

Here's a sample gauge chart in the Profile view:

Notice the gauge chart that shows the credit score for the entity.

Edit your UI JSON configuration file to include the required configuration.

Here's an example configuration for the gauge chart. In this example, the value for each range is set to 100. As a result, the first range covers 0–100, the second covers 101–200, and each subsequent range follows the same pattern. In the Gauge chart in Profile view, the first range appears in the color specified for range 1, the second appears in the color specified for range 2, and so on.

{
    "id": "GaugeView",
    "component": "Gauge",
    "caption": "Caption",
    "label": "test label",
   
    "attributeUri": "configuration/entityTypes/HCP/attributes/Int",
    "ranges": [
	{
   	 	"color": "rgb(219, 78, 32)",
    		"value": 100
	},
	{
    		"color": "rgb(182, 232, 19)",
    		"value": 100
	}

		]
},