From bb639bbcda1db5b18bc5d5465cb4369dbfa77e7e Mon Sep 17 00:00:00 2001 From: Vallarasu4653 Date: Tue, 25 Nov 2025 12:52:44 +0530 Subject: [PATCH 1/5] add the range band support for spark chart ug content --- maui-toolkit-toc.html | 1 + maui-toolkit/Spark-Charts/range-band.md | 50 ++++++++++++++++++ .../range_band_images/MAUI_range_band.png | Bin 0 -> 11771 bytes 3 files changed, 51 insertions(+) create mode 100644 maui-toolkit/Spark-Charts/range-band.md create mode 100644 maui-toolkit/Spark-Charts/range_band_images/MAUI_range_band.png diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html index 128b8b1d..2eadf0e9 100644 --- a/maui-toolkit-toc.html +++ b/maui-toolkit-toc.html @@ -481,6 +481,7 @@
  • Overview
  • Getting Started
  • Sparkline Types
    • +
  • Range Band
  • Markers
  • Customize Data Points
    • diff --git a/maui-toolkit/Spark-Charts/range-band.md b/maui-toolkit/Spark-Charts/range-band.md new file mode 100644 index 00000000..d1b9d9fc --- /dev/null +++ b/maui-toolkit/Spark-Charts/range-band.md @@ -0,0 +1,50 @@ +--- +layout: post +title: Range Band in .NET MAUI Spark Chart Control | Syncfusion +description: Learn here all about the Range Band support in Syncfusion .NET MAUI Spark Charts (SfSparkChart) control and more. +platform: maui-toolkit +control: SfSparkChart +documentation: ug +--- + +# Range Band in .NET MAUI Spark Charts + +Range bands are used to highlight a particular region in the spark chart along the Y-axis, making it easy to identify specific value ranges or thresholds. + +* `RangeBandStart` - Specifies the starting Y-axis value where the range band begins. +* `RangeBandEnd` - Specifies the ending Y-axis value where the range band ends. +* `RangeFill` - Specifies the fill color for the range band. This color is applied to the area between RangeBandStart and RangeBandEnd values on the Y-axis. + +{% tabs %} + +{% highlight xaml %} + + +. . . + + +{% endhighlight %} + +{% highlight c# %} + +SfSparkLineChart sparkchart = new SfSparkLineChart() +{ + ItemsSource = new SparkChartViewModel().Data, + YBindingPath = "Value", + RangeBandStart = 10, + RangeBandEnd = 30, + RangeFill = new SolidColorBrush(Colors.LightBlue) +}; + +this.Content = sparkchart; + +{% endhighlight %} + +{% endtabs %} + +![Spark Line Chart With Range Band](range_band_images/MAUI_range_band.png) + diff --git a/maui-toolkit/Spark-Charts/range_band_images/MAUI_range_band.png b/maui-toolkit/Spark-Charts/range_band_images/MAUI_range_band.png new file mode 100644 index 0000000000000000000000000000000000000000..38362dd482b85b223ebfe1ca83bba6c59a197c51 GIT binary patch literal 11771 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 nR*~QwCG-OJ|7VK`xBgq^G#!bi2?t Date: Tue, 25 Nov 2025 13:55:47 +0530 Subject: [PATCH 2/5] update the trademark symbol --- maui-toolkit/Spark-Charts/range-band.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/maui-toolkit/Spark-Charts/range-band.md b/maui-toolkit/Spark-Charts/range-band.md index d1b9d9fc..ac9dd954 100644 --- a/maui-toolkit/Spark-Charts/range-band.md +++ b/maui-toolkit/Spark-Charts/range-band.md @@ -1,7 +1,7 @@ --- layout: post title: Range Band in .NET MAUI Spark Chart Control | Syncfusion -description: Learn here all about the Range Band support in Syncfusion .NET MAUI Spark Charts (SfSparkChart) control and more. +description: Learn here all about the Range Band support in Syncfusion® .NET MAUI Spark Charts (SfSparkChart) control and more. platform: maui-toolkit control: SfSparkChart documentation: ug From 4ecd74c1fecb1208be01af71317463b80a989da9 Mon Sep 17 00:00:00 2001 From: Vallarasu4653 Date: Tue, 25 Nov 2025 14:02:45 +0530 Subject: [PATCH 3/5] update --- maui-toolkit/Spark-Charts/range-band.md | 1 - 1 file changed, 1 deletion(-) diff --git a/maui-toolkit/Spark-Charts/range-band.md b/maui-toolkit/Spark-Charts/range-band.md index ac9dd954..8c7d4113 100644 --- a/maui-toolkit/Spark-Charts/range-band.md +++ b/maui-toolkit/Spark-Charts/range-band.md @@ -24,7 +24,6 @@ Range bands are used to highlight a particular region in the spark chart along t RangeBandStart="10" RangeBandEnd="30" RangeFill="LightBlue"> -. . . {% endhighlight %} From 73bf5847e6a6cbd74a03fb4abe9d10b0b08f6136 Mon Sep 17 00:00:00 2001 From: Vallarasu4653 Date: Tue, 25 Nov 2025 15:47:21 +0530 Subject: [PATCH 4/5] added the keywords --- maui-toolkit/Spark-Charts/range-band.md | 1 + 1 file changed, 1 insertion(+) diff --git a/maui-toolkit/Spark-Charts/range-band.md b/maui-toolkit/Spark-Charts/range-band.md index 8c7d4113..c70828b8 100644 --- a/maui-toolkit/Spark-Charts/range-band.md +++ b/maui-toolkit/Spark-Charts/range-band.md @@ -5,6 +5,7 @@ description: Learn here all about the Range Band support in Syncfusion® .NET MA platform: maui-toolkit control: SfSparkChart documentation: ug +keywords: .NET MAUI spark chart range band, MAUI range band, range band customization, Syncfusion MAUI spark chart range band, .NET MAUI shaded region spark chart, spark chart Y-axis range band, .NET MAUI range band highlight region --- # Range Band in .NET MAUI Spark Charts From 8ee325854540b3fdf626e6e002b69479378dbafc Mon Sep 17 00:00:00 2001 From: Vallarasu4653 Date: Thu, 27 Nov 2025 12:59:00 +0530 Subject: [PATCH 5/5] renamed RangeFill property in Spark Chart --- maui-toolkit/Spark-Charts/range-band.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/maui-toolkit/Spark-Charts/range-band.md b/maui-toolkit/Spark-Charts/range-band.md index c70828b8..ff723edf 100644 --- a/maui-toolkit/Spark-Charts/range-band.md +++ b/maui-toolkit/Spark-Charts/range-band.md @@ -14,17 +14,17 @@ Range bands are used to highlight a particular region in the spark chart along t * `RangeBandStart` - Specifies the starting Y-axis value where the range band begins. * `RangeBandEnd` - Specifies the ending Y-axis value where the range band ends. -* `RangeFill` - Specifies the fill color for the range band. This color is applied to the area between RangeBandStart and RangeBandEnd values on the Y-axis. +* `RangeBandFill` - Specifies the fill color for the range band. This color is applied to the area between RangeBandStart and RangeBandEnd values on the Y-axis. {% tabs %} {% highlight xaml %} - + {% endhighlight %} @@ -37,7 +37,7 @@ SfSparkLineChart sparkchart = new SfSparkLineChart() YBindingPath = "Value", RangeBandStart = 10, RangeBandEnd = 30, - RangeFill = new SolidColorBrush(Colors.LightBlue) + RangeBandFill = new SolidColorBrush(Colors.LightBlue) }; this.Content = sparkchart;