You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,13 +3,14 @@ This article offers a comprehensive guide to creating a Parallel Coordinate Char
3
3
4
4
You can achieve the parallel coordinates chart using the [.NET MAUI Cartesian Chart](https://www.syncfusion.com/maui-controls/maui-cartesian-charts) by incorporating multiple spline or line series and utilizing axis crossing support to arrange the chart axes in parallel.
5
5
6
-
A **Parallel Coordinate Chart** for visualizing multidimensional data, where each axis represents a variable, and data points are displayed as lines connecting these parallel axes. This guide walks you through the steps to implement such a visualization effectively in .NET MAUI.
6
+
A **Parallel Coordinate Chart** for visualizing multidimensional data, where each axis represents a variable, and data points are displayed as lines or curves connecting these parallel axes. This guide walks you through the steps to implement such a visualization effectively in .NET MAUI.
7
7
8
8
The following steps and code examples illustrate how to create the parallel coordinates chart using [SfCartesianChart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html).
9
9
10
-
**Step 1:** Create a custom parallel coordinates chart by inheriting from the SfCartesianChart class and initializing the chart setup through the GenerateChart method.
10
+
**Step 1:** Create a custom parallel coordinates chart by inheriting from the [SfCartesianChart](https://help.syncfusion.com/maui/cartesian-charts/getting-started) class and initializing the chart setup through the GenerateChart method.
@@ -20,7 +21,6 @@ public class ParallelCoordinateChart:SfCartesianChart
20
21
}
21
22
```
22
23
23
-
24
24
**Step 2:** This method manages the complete chart setup, including the configuration of axes, series, and visual styling elements such as color palettes.
25
25
26
26
**C#**
@@ -55,10 +55,10 @@ private void GenerateChart()
55
55
}
56
56
```
57
57
58
-
59
58
**Step 3:** Generate the X-axis for the chart and create a list of Y-axes, each representing a different variable from the view model data source.
**Step 4:** Generates and returns a list of series to visualize data points across the parallel axes, normalizes raw data values to a standardized scale, and maps car model names to their corresponding indices on the X-axis.
182
+
**Step 4:** The GenerateSeries method creates a list of [SplineSeries](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SplineSeries.html) to visualize multidimensional data across parallel axes. It normalizes raw data values to a uniform scale (0–4) using the Normalize method and maps car model names to numerical indices with CarModelIndex method, ensuring consistent and accurate representation of data.
184
183
185
184
**C#**
186
185
@@ -291,20 +290,21 @@ public class ViewModel
291
290
}
292
291
```
293
292
294
-
295
293
**Step 6:** The Content page contains the ParallelCoordinateChart control, which renders the parallel coordinate chart on the page.
0 commit comments