Blazor Linear Gauge Example - Bar Pointer Customization

This sample showcases the bar pointer shapes available in the Linear Gauge and demonstrates multiple pointers with animation support. It illustrates rendering and configuring bar pointers to convey measurements, targets, or staged progress across a linear scale.

Use the LinearGaugePointers collection to declare one or more bar pointers. Each pointer is configured via the LinearGaugePointer properties to customize shape, thickness, color, orientation, offset, and animation.

Animations smooth pointer transitions when values change and improve perception of state changes. The sample demonstrates animation parameters—duration, easing, and start delay—so pointer movement and range updates animate predictably across layout and data updates.

The example includes rectangular and rounded bar shapes, pointer thickness adjustments, and animated updates tied to bound values. It also shows combining ranges with bar pointers to create progress bars or comparative gauges suitable for dashboards and instrumentation panels.

Accessibility and presentation notes: maintain sufficient contrast for pointer fills, label pointers or provide accessible descriptions, and ensure keyboard focus or programmatic callbacks expose pointer values to assistive technologies.

For property-level details and implementation examples, see the bar pointer section of the Linear Gauge documentation: bar pointer documentation.