Example of Legend in React Circular Gauge Component


This sample visualizes moving air types in the legend based on their speed. The visibility, shape, alignment and position of the legend can be changed using the properties panel options.

More Details...


In this example, you can see how to render a legend in circular gauge. A legend item denotes the axis ranges. Any number of legend items can be added to a legend. You can bind the desired colors and legend text to the corresponding ranges.

More information on the labels can be found in this documentation section.

Injecting Module

The circular gauge component features are segregated into individual modules by feature. To use a legend, inject the legend module using the Legend into services.