<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/chart-of-the-week-creating-a-line-chart-with-plot-bands-to-explore-global-gni-per-capita-with-incom-tzs7hs7x1" -->

---
title: Chart of the week: Creating a line chart with plot bands...
description: Learn how to create a line chart with plot bands using Syncfusion&#x27;s .NET MAUI Cartesian Chart control to explore global GNI per capita alongside income...
canonical: https://daily.dev/posts/chart-of-the-week-creating-a-line-chart-with-plot-bands-to-explore-global-gni-per-capita-with-incom-tzs7hs7x1
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Chart of the week: Creating a line chart with plot bands to explore global GNI per capita with income thresholds | daily.dev
og:description: Learn how to create a line chart with plot bands using Syncfusion&#x27;s .NET MAUI Cartesian Chart control to explore global GNI per capita alongside income...
og:url: https://daily.dev/posts/chart-of-the-week-creating-a-line-chart-with-plot-bands-to-explore-global-gni-per-capita-with-incom-tzs7hs7x1
og:image: https://api.daily.dev/og/posts/tzS7HS7X1.png
og:image:alt: Chart of the week: Creating a line chart with plot bands to explore global GNI per capita with income thresholds
og:image:width: 1200
og:image:height: 630
og:locale: en
---

[Syncfusion](https://daily.dev/sources/syncfusion)

[Read post](https://api.daily.dev/r/tzS7HS7X1)

# [Chart of the week: Creating a line chart with plot bands to explore global GNI per capita with income thresholds](https://api.daily.dev/r/tzS7HS7X1 "Go to post")

Learn how to create a line chart with plot bands using Syncfusion's .NET MAUI Cartesian Chart control to explore global GNI per capita alongside income thresholds. Customize the chart's appearance and enhance visualization by adjusting various properties.

[#.net-maui](/tags/.net-maui "Check all #.net-maui posts")

May 15, 2024•9m read time•From [syncfusion.com](https://api.daily.dev/r/tzS7HS7X1 "syncfusion.com")

[![Post cover image](https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/577341adf8f6a6fae18f5485f591aa76?_a=AQAEuiZ)](https://api.daily.dev/r/tzS7HS7X1 "Go to post")

Table of contents

[Step 1: Gathering GNI data by country](https://api.daily.dev/r/tzS7HS7X1 "Step 1: Gathering GNI data by country")[Step 2: Preparing data for the chart](https://api.daily.dev/r/tzS7HS7X1 "Step 2: Preparing data for the chart")[Step 3: Layout definition](https://api.daily.dev/r/tzS7HS7X1 "Step 3: Layout definition")[Step 4: Configuring the Syncfusion .NET MAUI Cartesian Charts](https://api.daily.dev/r/tzS7HS7X1 "Step 4: Configuring the Syncfusion .NET MAUI Cartesian Charts")[Step 5: Binding data to the chart](https://api.daily.dev/r/tzS7HS7X1 "Step 5: Binding data to the chart")[Step 6: Setting plot bands to the Y-axis.](https://api.daily.dev/r/tzS7HS7X1 "Step 6: Setting plot bands to the Y-axis.")[Step 7: Customizing the chart appearance](https://api.daily.dev/r/tzS7HS7X1 "Step 7: Customizing the chart appearance")[GitHub reference](https://api.daily.dev/r/tzS7HS7X1 "GitHub reference")[Conclusion](https://api.daily.dev/r/tzS7HS7X1 "Conclusion")[Related blogs](https://api.daily.dev/r/tzS7HS7X1 "Related blogs")

52 Impressions

Comment

Bookmark

Copy

![Placeholder image for anonymous user](https://media.daily.dev/image/upload/s--qsFuKGv_--/t_logo,f_auto/public/noProfile)Share your thoughtsPost

[![Syncfusion's image](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/064efc4834bd43b987bcda02e8ad6709)](https://daily.dev/sources/syncfusion)

[Syncfusion](https://daily.dev/sources/syncfusion "https://daily.dev/sources/syncfusion")

The Syncfusion Blog offers insights, tutorials, and updates on Syncfusion's suite of UI components a... Read more

231 Followers

•

4.7K Upvotes

[![sureshmohan's user avatar](https://lh3.googleusercontent.com/a-/AOh14GiORQm3okwNI9Z01tYDa4YELb6j3F-hP-fbPVbSves=s100)](https://daily.dev/sureshmohan)

[Suresh Mohan](https://daily.dev/sureshmohan)

[@sureshmohan](https://daily.dev/sureshmohan)

Joined Mar 24\. 2021

2K

#### Would you recommend this post?

Copy link

WhatsApp

Facebook

X

New Squad

Copy linkShare with your friends

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Chart of the week: Creating a line chart with plot bands to explore global GNI per capita with income thresholds","url":"https://daily.dev/posts/chart-of-the-week-creating-a-line-chart-with-plot-bands-to-explore-global-gni-per-capita-with-incom-tzs7hs7x1","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/chart-of-the-week-creating-a-line-chart-with-plot-bands-to-explore-global-gni-per-capita-with-incom-tzs7hs7x1"},"datePublished":"2024-05-15T14:39:18.686Z","dateModified":"2024-05-16T11:00:07.439Z","description":"Learn how to create a line chart with plot bands using Syncfusion's .NET MAUI Cartesian Chart control to explore global GNI per capita alongside income...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/577341adf8f6a6fae18f5485f591aa76?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/577341adf8f6a6fae18f5485f591aa76?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"Syncfusion","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Suresh Mohan","url":"https://daily.dev/sureshmohan","image":"https://lh3.googleusercontent.com/a-/AOh14GiORQm3okwNI9Z01tYDa4YELb6j3F-hP-fbPVbSves=s100","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":1970}},"commentCount":0,"discussionUrl":"https://daily.dev/posts/chart-of-the-week-creating-a-line-chart-with-plot-bands-to-explore-global-gni-per-capita-with-incom-tzs7hs7x1","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":".net-maui","timeRequired":"PT9M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Syncfusion","item":"https://daily.dev/sources/syncfusion"},{"@type":"ListItem","position":3,"name":"Chart of the week: Creating a line chart with plot bands to explore global GNI per capita with income thresholds"}]}
```

