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..ff723edf --- /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 +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 + +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. +* `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 %} + +{% highlight c# %} + +SfSparkLineChart sparkchart = new SfSparkLineChart() +{ + ItemsSource = new SparkChartViewModel().Data, + YBindingPath = "Value", + RangeBandStart = 10, + RangeBandEnd = 30, + RangeBandFill = 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 00000000..38362dd4 Binary files /dev/null and b/maui-toolkit/Spark-Charts/range_band_images/MAUI_range_band.png differ