Example of Gradient Color in React Circular Gauge Component

/
/
GradientColor

This sample shows how linear gradient color and radial gradient color are applied to the circular gauge elements.

More Details...

Loading....
Description

The circular gauge supports gradient coloring in a linear or radial manner. The gradient type can be changed using the Gradient Type dropdown list in the properties panel. In the same way, the element for which the gradient color should be applied is decided by the Elements dropdown list.


Injecting Module

To apply gradient coloring in the circular gauge, we need to inject the Gradient module into the services.