--- title: "Chart of the Week: Creating a .NET MAUI Line Chart to Analyze Wage Trends in the Texas Oil Gas Extraction Industry" published_at: "2024-05-08T12:02:10+00:00" modified_at: "2026-01-15T08:57:21+00:00" url: "https://www.syncfusion.com/blogs/post/dotnet-maui-line-chart-oil-gas-extraction" excerpt: "This blog explains how to visualize wage trends in the Texas oil and gas extraction industry using the Syncfusion .NET MAUI Line Chart control." taxonomy_category: - ".NET MAUI" - "Chart" - "Chart of the week" - "Desktop" - "Mobile" - "Syncfusion" taxonomy_post_tag: - ".NET MAUI" - "Charts" - "desktop" - "MAUI" - "Mobile App Development" --- [Chart of the week](https://www.syncfusion.com/blogs/category/chart-of-the-week) # Chart of the Week: Creating a .NET MAUI Line Chart to Analyze Wage Trends in the Texas Oil Gas Extraction Industry [Nanthini Mahalingam](https://www.syncfusion.com/blogs/author/nanthini-mahalingam) ![Chart of the Week Creating a .NET MAUI Sunburst Chart to Visualize the Most Popular Wikipedia Articles](https://www.syncfusion.com/blogs/wp-content/uploads/2024/05/Chart-of-the-Week-Creating-a-.NET-MAUI-Sunburst-Chart-to-Visualize-the-Most-Popular-Wikipedia-Articles.png) **TL;DR:** Let’s visualize wage trends in the Texas oil and gas extraction industry over the last fifteen years using the Syncfusion .NET MAUI Line Chart. Discover how to gather and link data to the chart while enhancing visualization by customizing elements such as title, axis, and tooltip. Welcome to our **Chart of the Week** blog series! In the heart of Texas lies an industry that has long been synonymous with prosperity and innovation: oil and gas extraction. As we delve into the present landscape of this sector, one question looms large: What do the current wage trends reveal about its state? In this article, we embark on a journey of data exploration, harnessing the power of [Syncfusion .NET MAUI Line Chart](https://www.syncfusion.com/maui-controls/maui-cartesian-charts/chart-types/maui-line-chart) to analyze current wage trends in the Texas oil and gas extraction industry. These current wage trends hold significant implications for various stakeholders within and beyond the Texas oil and gas extraction industry. Employers gain valuable insights into current labor market dynamics, informing their hiring and compensation strategies. Policymakers glean insights to craft policies that support workforce development and economic growth. Meanwhile, workers themselves can better understand current wage trends to make informed career decisions. Let’s examine the percentage of employment growth or decline over the last fifteen years in the Texas oil and gas extraction industry. The following image shows the chart we’re going to build. ![Visualizing wage trends of the Texas oil and gas extraction industry using Syncfusion .NET MAUI Line Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2024/05/Visualizing-wage-trends-of-the-Texas-oil-and-gas-extraction-industry-1024x498.png) Visualizing wage trends of the Texas oil and gas extraction industry using Syncfusion .NET MAUI Line Chart ## Step 1: Gathering the data Before proceeding, let’s collect data on wage trends from [employment profiles in Texas’s oil and gas extraction industry](https://datausa.io/profile/naics/oil-gas-extraction#employment_salaries) . ## Step 2: Preparing the data for the chart Create the **OilGasEmploymentModel** class to hold employment details using the ** EmploymentPercent, EmploymentCount, Date**, and other properties. Refer to the following code example. ``` public class OilGasEmploymentModel { public OilGasEmploymentModel(DateTime month, double employmentCount, double employmentGrowth) { Month = month; EmploymentPercent = employmentCount; EmploymentCount = employmentGrowth; } public DateTime Date { get; set; } public double EmploymentPercent { get; set; } public double EmploymentCount { get; set; } public Geometry? Path { get; set; } public Brush FillPath { get; set; } } ``` Then, we generate the employment count and percentage collection using the **OilGasEmploymentViewModel** class and its ** EmploymentDetails** property. Assign the CSV data to the ** EmploymentDetails** data collection using the ** ReadCSV** method and store it in the ** EmploymentDetails** property. Refer to the following code example. ``` public class OilGasEmploymentViewModel { public ObservableCollection EmploymentDetails { get; set; } public ObservableCollection CustomBrushes { get; set; } public Geometry? Green { get; set; } = (Geometry?)(new PathGeometryConverter().ConvertFromInvariantString("M16.000016,0L24.000008,10.7 32,21.399999 16.000016,21.399999 0,21.399999 7.9999928,10.7z")); public Geometry? Red { get; set; } = (Geometry?)(new PathGeometryConverter().ConvertFromInvariantString("M0.87499046,0L31.12499,0C31.92399,0,32.22299,0.49899435,31.82399,0.9979887L16.648991,21.064764C16.24999,21.563759,15.65099,21.563759,15.250991,21.064764L0.1759901,0.9979887C-0.22300911,0.49899435,0.075990677,0,0.87499046,0z")); public OilGasEmploymentViewModel() { EmploymentDetails = new ObservableCollection(ReadCSV()); CustomBrushes = new ObservableCollection(); foreach (var item in EmploymentDetails) { if (item.EmploymentCount >= 0) { item.Path = Green; item.FillPath = new SolidColorBrush(Color.FromHex("#619624")); CustomBrushes.Add(new SolidColorBrush(Color.FromHex("#619624"))); } else if (item.EmploymentCount < 0) { item.Path = Red; item.FillPath = new SolidColorBrush(Color.FromHex("#eb6569")); CustomBrushes.Add(new SolidColorBrush(Color.FromHex("#eb6569"))); } } } private IEnumerable ReadCSV() { Assembly executingAssembly = typeof(App).GetTypeInfo().Assembly; Stream inputStream = executingAssembly.GetManifestResourceStream("OilGasExtraction.Resources.Raw.data.csv"); string? line; List lines = new List(); using StreamReader reader = new StreamReader(inputStream); while ((line = reader.ReadLine()) != null) { lines.Add(line); } lines[0].Remove(0); return lines.Select(line => { string[] data = line.Split(','); DateTime day = DateTime.Parse(data[0]); return new OilGasEmploymentModel(day, Convert.ToDouble(data[1]), Convert.ToDouble(data[2])); }); } } ``` ## Step 3: Configuring the Syncfusion .NET MAUI Cartesian Charts Now, configure the Syncfusion .NET MAUI Cartesian Charts control using this [documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started) . Refer to the following code example. ``` ``` ## Step 4: Initialize the BindingContext for the chart Now, configure the **OilGasEmploymentViewModel** class to bind its properties to the ** BindingContext** of the [SfCartesianChart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html?tabs=tabid-1) . Refer to the following code example. ``` ``` ## Step 5: Bind the wage trends data to the .NET MAUI Line Chart We’ll use the Syncfusion [LineSeries](https://help.syncfusion.com/maui/cartesian-charts/line) instance to analyze wage trends in the oil and gas extraction industry over time. Refer to the following code example. ``` ``` In the above code example, we’ve bound the [ItemSource](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_ItemsSource) property to the **EmploymentDetails** property. We’ve also bound the [XBindingPath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_XBindingPath) and [YBindingPath](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.XYDataSeries.html#Syncfusion_Maui_Charts_XYDataSeries_YBindingPath) properties to the **Month** and ** EmploymentPercent** properties, respectively. ## Step 6: Customizing the chart appearance Let’s customize the appearance of the .NET MAUI Line Chart for better data visualization. ## Adding chart title We can use the [Title](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_Title) property to customize the .NET MAUI Line Chart title. As per the [documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started#add-a-title) , you can also add any view to the Title property. Refer to the following code example. ``` ``` ### Customize the axis crossing and tick line styles We can adjust the axis position anywhere in the chart area using the [CrossesAt](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_CrossesAt) property. Additionally, we can determine whether the crossing axis should be placed at the crossing position or not using the [RenderNextToCrossingValue](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_RenderNextToCrossingValue) property. We can use the [ShowMajorGridLines](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_ShowMajorGridLines) and [ShowMinorGridLines](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.RangeAxisBase.html#Syncfusion_Maui_Charts_RangeAxisBase_ShowMinorGridLines) properties to turn the grid lines on or off. Then, customize the axis tick styles using the [MajorTickStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_MajorTickStyle) property and change the color and width of the ticks using the [Stroke](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxisTickStyle.html#Syncfusion_Maui_Charts_ChartAxisTickStyle_Stroke) and [StrokeWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxisTickStyle.html#Syncfusion_Maui_Charts_ChartAxisTickStyle_StrokeWidth) properties, respectively. Refer to the following code example. ``` ``` ### Customize the axis label Let’s customize the axis **LabelFormat** in the [LabelStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartAxis.html#Syncfusion_Maui_Charts_ChartAxis_LabelStyle) . Then, set the [Minimum](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.NumericalAxis.html#Syncfusion_Maui_Charts_NumericalAxis_Minimum) and [Maximum](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.NumericalAxis.html#Syncfusion_Maui_Charts_NumericalAxis_Maximum) range for the axis. ``` ``` ### Customize the line series appearance You can set the stroke width for the line series using the [StrokeWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.XYDataSeries.html#Syncfusion_Maui_Charts_XYDataSeries_StrokeWidth) property. To display information about the count and percentage details of employed people, you can enable the [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_EnableTooltip) property and customize the appearance of the tooltip using the [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate) property. You can also set a palette to the series to apply pre-defined brushes to the line series segments using the [PaletteBrushes](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html#Syncfusion_Maui_Charts_SfCartesianChart_PaletteBrushes) property. This can help analyze the trend more effectively. Refer to the following code example. ``` ``` ## Step 7: Customize tooltip behavior Finally, specify the duration time in seconds for which the tooltip should be displayed using the [Duration](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartTooltipBehavior.html#Syncfusion_Maui_Charts_ChartTooltipBehavior_Duration) property. ``` ``` After executing the above code examples, we will get the output that resembles the following image. ![Visualizing wage trends of the Texas oil and gas extraction industry using Syncfusion .NET MAUI Line Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2024/05/Visualizing-wage-trends-of-the-Texas-oil-and-gas-extraction-industry-1024x498.png) Visualizing wage trends of the Texas oil and gas extraction industry using Syncfusion .NET MAUI Line Chart ## GitHub reference For more details, refer to the [Creating a .NET MAUI Line Chart to visualize wage trends GitHub Demo](https://github.com/SyncfusionExamples/Creating-a-Line-Chart-to-Analysis-the-Wage-Trends-in-Texas-Oil-Gas-Extraction-Industry) . ## Conclusion Thanks for reading! We have demonstrated how to visualize the data on employed individuals in the Texas oil and gas extraction industry using the [Syncfusion .NET MAUI Line Chart](https://www.syncfusion.com/maui-controls/maui-cartesian-charts/chart-types/maui-line-chart) . We encourage you to try the steps discussed and share your thoughts in the comments below. The existing customers can download the latest version of Essential Studio® from the [License and Downloads](https://www.syncfusion.com/account) page. If you are new, try our 30-day [free trial](https://www.syncfusion.com/downloads) to explore our incredible features. If you require assistance, please don’t hesitate to contact us via our [support forums](https://www.syncfusion.com/forums) , [support portal](https://support.syncfusion.com/) , or [feedback portal](https://www.syncfusion.com/feedback) . We are always eager to help you! ## Related - [Introducing the New .NET MAUI Polar Charts Control](https://www.syncfusion.com/blogs/post/dotnet-maui-polar-charts-control) - [Chart of the Week: Creating a .NET MAUI Sunburst Chart to Visualize the Most Popular Wikipedia Articles](https://www.syncfusion.com/blogs/post/dotnet-maui-sunburst-chart-wikipedia) - [Elegantly Visualize Data with Interactive Features in .NET MAUI Charts](https://www.syncfusion.com/blogs/post/elegantly-visualize-data-with-interactive-features-in-net-maui-charts) - [Simplify Data Visualization with Multi-Axis Charts in .NET MAUI](https://www.syncfusion.com/blogs/post/simplify-data-visualization-with-multi-axis-charts-in-net-maui)