Blazor Circular Gauge Example - Pointer Types

This sample demonstrates the pointer types available in the Circular Gauge component and how each pointer style can be used to represent values, ranges, and comparisons. The examples show single and multiple pointers per axis and highlight customization options for visual and interactive scenarios.

Pointer type options:

• Marker pointers for discrete value indication and target markers.
• Needle pointers for a traditional, instrument-like appearance.
• Range bar pointers for continuous range visualization and thresholds.
• Multiple pointers per axis to display comparative or historical values.
• Extensive customization for color, size, animation, and tooltips.

Marker pointers are useful for highlighting specific measurements or setpoints. Needle pointers provide precise readout and configurable pivot and cap styling. Range bar pointers convey bands, thresholds, or progress and support thickness and corner-radius adjustments.

Combining multiple pointers on a single axis enables direct comparisons (for example, current vs. target) and layered instrumentation. The sample demonstrates animation options to indicate value changes and tooltip integration for contextual details.

Implementation notes: bind pointer values to your data source, tune animation and update frequency for performance, and expose descriptive labels for accessibility. Test rendering across device sizes and high‑DPI displays to ensure legibility.

For detailed API references and examples, see the documentation: Circular Gauge - Pointers.