Articles in this section
Category / Section

How to prepare car dashboard demo using SfCircularGauge

1 min read

This article explains how to prepare a car dashboard demo using WPF SfCircularGauge control.


Car dashboard demo


Step 1: Create multiple circular gauges to display the Speed, RPM, Torque, Temperature, and Fuel values, and arrange them in the Grid layout to design it as a car dashboard.


Step 2: Set the DataContext in the XAML code to bind the properties from the ViewModel.


Step 3: Create a ViewModel that implements NotificationObject so that the view gets the notification when the ViewModel’s properties are changed. Add necessary properties in the ViewModel to update the Speed, RPM, Torque, Temperature, and Fuel gauge values.


Step 4: In the ViewModel, write the logic to update pointer values every 10 seconds using DispatcherTimer. Once the fuel value reaches zero, then restart the entire logic.



private DispatcherTimer timer;
timer = new DispatcherTimer();
timer.Interval = new TimeSpan(0, 0, 0, 10);
timer.Tick += timer_Tick;
void timer_Tick(object sender, object e) 
   //code to update pointer values


View the sample from GitHub


See also


Getting started with a circular gauge


Setting start and sweep angles for scale


Tick customizations in circular gauge


Needle pointer customizations in circular gauge




Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment