NEW Infragistics Ultimate 22.2 - Try Free for 30 Days!
Download Now
  • North American Sales: 1-800-231-8588
  • Global Contacts
  • My Account
Infragistics logo Infragistics logo
Menu
  • North American Sales: 1-800-231-8588
  • My Account
    • Sign In/Register
  • Design & DevelopmentDesign & Develop
    • Best Value Bundles
      Infragistics Ultimate $1,495 The only complete UX/UI toolkit for building high performance, modern web, mobile and desktop applications.
      Infragistics Professional $1,295 The comprehensive UI components library for web, mobile and desktop developers.
      Ignite UI $1,295 A complete library of UI components for building modern, data-rich and responsive web apps.
    • Web
      App Builder (New) Ignite UI Angular ASP.NET Core ASP.NET MVC Blazor jQuery React Web Components Ultimate UI for ASP.NET Web Forms
    • Desktop
      Ultimate UI for Windows Forms Ultimate UI for WPF
      Cross Platform
      Ultimate UI for Uno Ultimate UI for UWP Ultimate UI for WinUI Ultimate UI for Xamarin
    • Design to Code
      Indigo.Design App Builder (New) Design System & UI Kits
      Automated Testing Tools
      Test automation for Micro Focus UFT: Windows Forms Test automation for Micro Focus UFT: WPF Test automation for IBM RFT: Windows Forms
  • UX
    • Indigo.Design A Unified Platform for Visual Design, UX Prototyping, Code Generation, and App Development
    • App Builder Cloud-based WYSIWYG Drag & Drop Tool, Endless Theming options and Standards-Based Code Output
  • Business Intelligence
    • Reveal Easily embed beautiful data visualizations into your apps
    • Slingshot Empower everyone in your organization to use data to make smarter business decisions
  • Team Productivity
    • Slingshot Connect everyone you work with to data, project management, content and chats for better results.
    • SharePlus Secure, instant access to content and data on the go – with or without connectivity.
  • Learn & SupportSupport
    • Help & Support Documents
    • Blogs
    • Forums
    • Product Ideas
    • Reference Applications
    • Customer Stories
    • Webinars
    • eBook & Whitepapers
    • Events
  • Free Trials
  • Pricing
    • Product Pricing / Buy Online
    • Contact Us
Xamarin | Controls
  • Download Trial
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
  • Grids & Lists
    • Data Grid
  • Charts
    • Doughnut Chart
    • Category Chart
    • Data Chart
    • Funnel Chart
    • Pie Chart
    • Sparkline
  • Barcodes
    • QR Barcode
  • Frameworks
    • Excel Library
  • Gauges
    • Bullet Graph
    • Linear Gauge
    • Radial Gauge
  • Productivity Pack
    • App Map
    • Xamarin.Forms Toolbox
    • Configurators
  • Scheduling
    • Schedule
Xamarin Radial Gauge

Xamarin Radial Gauge

Use the Radial Gauge control to show off Key Performance Indicators (KPIs) with rich style and interactivity. These round and semi-round gauges are powerful, easy to use, and highly configurable—perfect for dashboards displaying clocks, industrial panels, automotive dashboards, and even aircraft cockpits.

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


Animations

Give your users a modern, visually appealing way to view data with animated transitions. You can gradually animate the gauge as it redraws changes to the needle, needle position, scale range, color range, and more. You can also set multiple properties at the same time to morph between different gauge styles.

Xamarin Radial Gauge: Needles

Needles

Customize needle attributes, including length, color, point, base, and cap. You can select from built-in needle shapes including rectangle, triangle, and trapezoid--all with or without a bulb. There’s even an option to allow your users to drag the needle.

Xamarin Radial Gauge: Needles

Ranges

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

Xamarin Radial Gauge: Scales

Scales

Control the Start and End scale positions, major and minor tick marks, labels, color ranges, and sweep direction. You can create full 360-degree scales or half-circular gauges with 180-degree scales, 90-degree scales, 45-degree scales, or choose a custom value.

Xamarin Radial Gauge: Scales

Backing

Configure the Radial Gauge to control visual attributes such as colors, fitted or circular edges, corner radius, and over-sweep.

Xamarin Radial Gauge: Backing

Radial Gauge Configurator

The control configurators shave hours off development time by removing the complexity of learning the Gauge API. Visually configure your entire gauge 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.

Download Trial
Watch our how-to videos to explore the full capabilities of Control Configurators.

Xamarin Radial Gauge

Launch the Gauge Configurator with a Single Click

Select you control on the XAML editor and use the suggested actions lightbulb to launch the Gauge Configurator.


Visually Configure Your Gauge

Use the Ribbon Gallery items to visually customize almost every aspect of you gauge – from the initial gauge style, to the Shape, Brushes, Outline, and Needle configuration. All without needed to know anything about the API of the gauge! Even better, the configurator will read any changes you make in XAML and update the properties with our full two-way XAML parser.

Xamarin Radial Gauge: Backing

Quickset Style Selection

Quickly configure your control by selecting one of the professional, beautifully-designed, and pre-configured Quicksets.

Xamarin Radial Gauge: Backing

Custom Scales Selector

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

Xamarin Radial Gauge: Backing

Xamarin Radial Gauge

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.


Range Customization Made Simple

Customize each Range property like Brush, Extent, Outline, Start Value, Thickness, and more.

Xamarin Radial Gauge: Backing

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. Use the Binding Editor to easily set a binding for a control, including binding mode or your custom converter. We’ve even provided a handy formatter so you don’t need to think about how you need to display your values.

Xamarin Radial Gauge: Backing

Ensure Correct Color Views

Conveniently change the background of the Gauge Configurator to your app background so you know what the gauge 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.

Xamarin Radial Gauge: Backing

Configure Multiple Ranges at One Time

Select a single range to customize properties or select multiple ranges to quickly apply Brush, Outline, and Stroke Thickness as a group.

Xamarin Radial Gauge: Backing

Easily Use Existing Style Resources

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

Xamarin Radial Gauge: Backing
  • Products
    • Design & Development
    • UX Pros
    • Business Intelligence
    • Team Productivity
    • View All
    • Free Trials
  • Learn & Support
    • Help & API Docs
    • Blogs
    • Technical Support Chat
    • Forums
    • Product Ideas
    • Submit a Request
  • My Account
    • Manage My Subscriptions
    • Support Requests
  • Corporate
    • About Us
    • Careers
    • Legal
    • News & Events
    • Partners
The best blogs, whitepapers, and other development resources
Unfortunately, Google has considered you a bot. If you have an account, please sign in to validate your status and fill form out again. Alternatively, please feel free to contact sales@infragistics.com to obtain the asset you were looking for or choose to schedule a demo of our products.
Thank you for subscribing. Look for an email from team@Infragistics.com for the latest news for Developers, UX, and Business Teams.
  • Privacy Policy(updated)
  • Cookies
  • Terms of Use(updated)
I.S. Partners SOC2 SEAL GDPR SEAL
© Copyright 2023 INFRAGISTICS. All Rights Reserved
Back to top of page