This article explains how to visualize gaps for empty points in the FastLineSeries of the .NET MAUI Toolkit SfCartesianChart.
By default, FastLineSeries excludes null or double.NaN values, as built-in support for Empty Points is limited in fast-rendering series types to maintain performance. As a result, representing visual breaks in fast line series data can be challenging.
Follow the step-by-step instructions to effectively address the limitation, ensuring both high rendering performance and visual clarity when plotting fast line charts with missing values.
Step 1: Create a CustomFastLineChart class by extending the SfCartesianChart control.
Step 2: Define the required bindable properties: ItemsSource, XBindingPath, and YBindingPath, along with their corresponding property wrappers and property changed handlers. These properties allow the chart to bind dynamically to external data sources and respond to changes in the dataset or binding paths.
Step 3: Implement the GenerateSeries method to process the data source and render valid segments as individual FastLineSeries instances by adding them to the Series collection of the SfCartesianChart. This method is invoked whenever the ItemsSource, XBindingPath, or YBindingPath properties change.
Step 4: Construct the SplitDataByNaNValues method to split the data based on NaN values and generate valid individual segments, which are used within the GenerateSeries method to create separate FastLineSeries instances, as described in Step 3.
Step 5: Configure the CustomFastLineChart with chart axes in XAML by binding it to the data source and specifying the appropriate binding paths. For more detailed guidance on initializing a .NET MAUI Cartesian chart, refer to the official getting started documentation.
Output
If you are facing a "Path too long" exception when building this example project, close Visual Studio and rename the repository to a shorter name before building the project.
Refer to the KB article on how to visualize the empty points segments in FastLineSeries for .NET MAUI Toolkit Charts for better understanding along with relevant code snippets.