Xamarin Bullet Graph

Create attractive data presentations with the Bullet Graph control, replacing meters and gauges with clear, simple, straightforward graphs. The Bullet Graph is one of the most effective and efficient ways to present progress towards goals, good/better/best ranges, or multiple measurement comparisons in a compact horizontal or vertical space.

Use the new Ultimate UI for Xamarin Bullet Graph Configurator to quickly configure the control and bind data directly from XAML—no code required!

Animations

Animate every graph element by changing properties, or set multiple properties at the same time to morph between styling options.

Performance Bar

Customize performance bar appearance to compare a measurement to its target or expected value.

Ranges

Add multiple ranges to indicate important thresholds or milestones and to facilitate readability.

Scales

Enhance graph readability by increasing or decreasing the number of labels or tick marks in the graph area.

Orientation

Easily switch between horizontal and vertical orientation based on your screen size, available space. or design needs.

Bullet Graph Configurator

The Bullet Graph configurator shaves hours off development time by removing the complexity of learning the Bullet Graph API. Visually configure your entire Bullet Graph in a WYSIWYG point-and-click experience. Allow your designers to style controls interactively and visually to get a pixel-perfect render of their design intent. 

Launch the  Bullet Graph  Configurator with a Single Click

Select your control on the XAML editor and use the Suggested Actions lightbulb to launch the Bullet Graph Configurator. 

Visually Configure Your Bullet Graph

Use the Ribbon Gallery items to visually customize almost every aspect of your Bullet Graph – from the initial style selection to the Shape, Brushes, Outline, Scale, Transparency, and Animation configurations. All without needed to know anything about the API of the Bullet Graph! Even better, the configurator will read any changes you made in XAML and update the properties with our full, two-way XAML parser.

Horizontal & Vertical Quickset Style Selection

Quickly configure your control by selecting one of the professional, beautifully-designed, and pre-configured Quicksets for a Horizontal or Vertical Bullet Graph.

Custom Scales Selector

Choose from one of the rich pre-set scale customizations to change how your Bullet Graph scale looks in your app.

Shapes Selector

Choose your desired shape for the Bullet Graph style to change how your control renders in your app.

Property Editing with Ease

Conveniently find properties grouped by related features in the Property Editor. Features are also enabled or disabled by feature compatibility. This lets you customize any detail of the control, and it helps you learn by example, as you can see in real-time how your changes affect the control. Select a single Range to customize properties or select multiple ranges to quickly apply Brush, Extents, and Outline as a group.

Data Binding is a Breeze

You can quickly add dynamic data to inflate ranges in the Range Selector, or you can manually add data in the Range Editor and set the value of the needle in the bullet graph.

Ensure Correct Color Views

Conveniently change the background of the Bullet Graph Configurator to your app background so you know what the control will look like at runtime. We’ve also included a dotted-line around the actual control bounds, so you know where the control begins and ends.

Easily Use Existing Style Resources

Bind to existing project- or page-level resources from the convenient Resource Picker.