WPF C# - Windows Presentation Foundation

Project 1 : WPF Create Bar | Chart | Graph | Line | Series

npm> install DataVisualization.Toolkit

MainWindow.xaml

<Window x:Class="WpfApp2.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:local="clr-namespace:WpfApp2"

mc:Ignorable="d"

Title="" Height="640" Width="1080" AllowDrop="True" AllowsTransparency="True" Background="Transparent" WindowStyle="None">

<Border.Background>

</LinearGradientBrush>

</Border.Background>

<Label.RenderTransform>

</TransformGroup>

</Label.RenderTransform>

</Label>

<AutomationProperties.LabeledBy>

</AutomationProperties.LabeledBy>

</TextBox>

<AutomationProperties.LabeledBy>

</AutomationProperties.LabeledBy>

</TextBox>

<AutomationProperties.LabeledBy>

</AutomationProperties.LabeledBy>

</TextBox>

<AutomationProperties.LabeledBy>

</AutomationProperties.LabeledBy>

</TextBox>

</TextBox>

</Grid>

</Grid>

</Border>

</Window>

MainWindow.xaml.cs

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using WpfApp2.Model;

namespace WpfApp2

{

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window

{

ObservableCollection<UserDetails> userDetailsList;

public MainWindow()

{

InitializeComponent();

userDetailsList = new ObservableCollection<UserDetails>();

}

private void btnSubmit_Click(object sender, RoutedEventArgs e)

{

var dup=userDetailsList.Where(x => x.Email.ToLower() == Email.Text.ToLower());

if (!dup.Any())

{

UserDetails userDetails = new UserDetails();

userDetails.id = (userDetailsList.Count() + 1);

userDetails.Name = Name.Text;

userDetails.Designation = Mobile.Text;

userDetails.Email = Email.Text;

userDetails.City = City.Text;

userDetails.Experience = Convert.ToInt32(Postal.Text);

userDetails.Timesheets= addTimeSheet(userDetails);

userDetailsList.Add(userDetails);

gv1.ItemsSource = userDetailsList;

gv1.Visibility = Visibility.Visible;

}

else

{

MessageBox.Show("User already exists.","",MessageBoxButton.OKCancel,MessageBoxImage.Error,MessageBoxResult.None,MessageBoxOptions.DefaultDesktopOnly);

}

private List<TimeSheet> addTimeSheet(UserDetails userDetails)

{

List <TimeSheet> sheets = new List <TimeSheet>();

for (int i = 1; i <= 12; i++)

{

TextBox textBox = (TextBox)FindName("tsheet" + i);

if (textBox != null && int.TryParse(textBox.Text, out int value))

{

// Add the parsed integer value to the list

sheets.Add(new TimeSheet { Months=i, DaysCompilance= value });

}

else

{

MessageBox.Show($"Invalid input in TextBox{i}. Please enter a valid integer.");

//return; // Exit the method if input is invalid

}

return sheets;

}

private void Button_Click(object sender, RoutedEventArgs e)

{

Window1 window1 = new Window1();

// window1.Show(); // Win10 tablet in tablet mode, use this, when sub Window is closed, the main window will be covered by the Start menu.

window1.ShowDialog();

}

private void Button_Click_1(object sender, RoutedEventArgs e)

{

this.Close();

}

private void Button_Click_2(object sender, RoutedEventArgs e)

{

var secondPage = new Page1();

secondPage.userDetails=userDetailsList;

//secondPage.timeSheets = userDetailsList[0].Timesheets;

secondPage.UpdateChart();

//var secondPage = new Page2(); //toggle un/comments

MainFrame.Navigate(secondPage);

}

UserDetails.cs

using System;

using System.Collections.Generic;

using System.Windows.Documents;

namespace WpfApp2.Model

{

public class UserDetails

{

public UserDetails() {

}

public int id { get; set; }

public string Name { get; set; }

public string Email { get; set; }

public string Designation { get; set; }

public int Experience { get; set; }

public string City { get; set; }

public List<TimeSheet> Timesheets { get; set; }

}

public class TimeSheet

{

public int Months { get; set; }

public int DaysCompilance { get; set; }

}

Page1.xaml

<Page x:Class="WpfApp2.Page1"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:local="clr-namespace:WpfApp2"

xmlns:dvc="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=DotNetProjects.DataVisualization.Toolkit"

mc:Ignorable="d"

d:DesignHeight="450" d:DesignWidth="1080"

Title="Page1">

<dvc:Chart Title="Bar-ColumnSeries Chart" Margin="0,0,209,0">

<dvc:ColumnSeries IndependentValuePath="Name" DependentValuePath="Experience"

ItemsSource="{Binding userDetails}" Title="Name" Margin="0,0,-4,0">

</dvc:ColumnSeries>

</dvc:Chart>

</Grid>

<dvc:Chart Name="chart" Title="LineSeries Chart" Margin="29,0,10,0">

<dvc:LineSeries Margin="10,0,-67,0">

</dvc:LineSeries>

</dvc:Chart>

</Grid>

</Page>

Page1.xaml.cs

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Windows.Controls;

using System.Windows.Controls.DataVisualization.Charting;

using WpfApp2.Model;

namespace WpfApp2

{

/// <summary>

/// Interaction logic for Page1.xaml

/// </summary>

public partial class Page1 : Page

{

public ObservableCollection<UserDetails> userDetails { get; set; }

public Page1()

{

InitializeComponent();

DataContext = this;

userDetails = new ObservableCollection<UserDetails>();

// Subscribe to the CollectionChanged event

userDetails.CollectionChanged += UserDetails_CollectionChanged;

}

private void UserDetails_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)

{

// Call your method here

UpdateChart();

}

public void UpdateChart()

{

// Clear existing series

chart.Series.Clear();

// Iterate through each set of data lists

for (int i = 0; i < userDetails.Count; i++)

{

List<TimeSheet> dataList = userDetails[i].Timesheets;

// Create a new LineSeries to hold the data

LineSeries lineSeries = new LineSeries();

lineSeries.Title = userDetails[i].Name; //$"Series {i + 1}";

// Bind the LineSeries to the data

lineSeries.ItemsSource = dataList;

// Set the DependentValuePath and IndependentValuePath

lineSeries.DependentValuePath = "DaysCompilance";

lineSeries.IndependentValuePath = "Months";

// Add the LineSeries to the chart

chart.Series.Add(lineSeries);

}

WPF C#

WPF C# - Windows Presentation Foundation

Project 1 : WPF Create Bar | Chart | Graph | Line | Series

Social Media