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.

 

[C#]:

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?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied