Overview
In this video, we will explore the features of the Syncfusion® Blazor Circular Gauge, a flexible component for visualizing numerical data on a circular scale. It is commonly used in dashboards, reports, and applications to display progress, speed, and more, such as a speedometer, sleep tracker, meter gauge, and analog clock.
The Blazor Circular Gauge allows full control over the start and end angles, label formatting, and scale positioning. Adjust the start and end angles to create half-circular or quarter-circular gauges. You can add multiple axes with independent configurations to visualize complex data. Ranges highlight key values with custom colors, gradients, and multiple styles, enhancing readability.
The Circular Gauge supports three types of pointers: needle pointers for precise readings, range bar pointers for progress representation, and marker pointers to highlight specific values. Marker pointers can be customized with various shapes like circles, diamonds, and triangles, or even custom images and icons. Each pointer type can be styled with different colors, sizes, and animations to be visually engaging. For better visualization, the Circular Gauge includes a Legend feature, allowing users to identify different ranges and pointers easily. Legends can be fully customized, including their position, alignment, and style, to enhance data interpretation.
For an interactive experience, enable pointer and range dragging to adjust values dynamically or use tooltips to display additional details. The Circular Gauge integrates seamlessly with other components like Dashboard Layout, Tabs, and Dialogs. It can be printed and exported as images, PDFs, and base64 strings. Globalization is built-in, too. Easily display text and numbers in different cultures and use the Format property to display values in the numeric format. The Blazor Circular Gauge component is also fully accessible, adhering to WAI-ARIA standards with screen reader support and smooth keyboard navigation to ensure inclusivity.
