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
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
In this article, we described how to synchronize the trackball in multiple SfCartesian charts.
4
4
5
-
The [Trackball](https://help.syncfusion.com/maui/cartesian-charts/trackball){target="_blank"} feature in [Syncfusion MAUI Cartesian Chart](https://help.syncfusion.com/maui/cartesian-charts/getting-started){target="_blank"} is an interactive functionality that allows users to track and display data points on a chart as they hover over on different areas of the chart. It provides real-time feedback by showing a marker or tooltip with relevant data, such as the value of a specific point on the chart. This enhances the user experience by providing detailed information about specific data points.
5
+
The [Trackball](https://help.syncfusion.com/maui/cartesian-charts/trackball) feature in [Syncfusion MAUI Cartesian Chart](https://help.syncfusion.com/maui/cartesian-charts/getting-started) is an interactive functionality that allows users to track and display data points on a chart as they hover over on different areas of the chart. It provides real-time feedback by showing a marker or tooltip with relevant data, such as the value of a specific point on the chart. This enhances the user experience by providing detailed information about specific data points.
6
6
7
7
**Importance of Synchronizing Trackball:**
8
8
@@ -14,7 +14,7 @@ The [Trackball](https://help.syncfusion.com/maui/cartesian-charts/trackball){tar
14
14
15
15
**Step 1: Set Up Multiple Charts**
16
16
Determine the number of charts you need to create to effectively visualize your data. Initialize a grid with the desired number of rows and columns.
17
-
Let’s configure the Syncfusion .NET MAUI SfCartesian Chart using this [getting started documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started){target="_blank"} in each grid cells. Assign a unique x: Name to each of the charts. Refer to the following code example to create multiple charts in your application.
17
+
Let’s configure the Syncfusion .NET MAUI SfCartesian Chart using this [getting started documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started) in each grid cells. Assign a unique x: Name to each of the charts. Refer to the following code example to create multiple charts in your application.
18
18
19
19
20
20
```xml
@@ -72,7 +72,7 @@ Let’s configure the Syncfusion .NET MAUI SfCartesian Chart using this [getting
72
72
73
73
74
74
**Step 2: Initialize TrackballBehavior**
75
-
Initialize TrackballBehavior for each chart and specify a unique x: Name for each of the [ChartTrackballBehavior](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartTrackballBehavior.html?tabs=tabid-3){target="_blank"}. Refer to the following code to initialize TrackballBehavior.
75
+
Initialize TrackballBehavior for each chart and specify a unique x: Name for each of the [ChartTrackballBehavior](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartTrackballBehavior.html?tabs=tabid-3). Refer to the following code to initialize TrackballBehavior.
76
76
77
77
78
78
```xml
@@ -86,7 +86,7 @@ Similarly, you have to mention for other charts also.
86
86
87
87
**Step 3: Handle the TrackballCreated events**
88
88
Handling the TrackballCreated events is crucial for synchronizing the trackball across multiple SfCartesianChart controls
89
-
[TrackballCreated Event](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html#Syncfusion_Maui_Charts_SfCartesianChart_TrackballCreated){target="_blank"}: This event is triggered when the trackball is created or updated. By handling this event, you can synchronize the trackball position across multiple charts.
89
+
[TrackballCreated Event](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html#Syncfusion_Maui_Charts_SfCartesianChart_TrackballCreated): This event is triggered when the trackball is created or updated. By handling this event, you can synchronize the trackball position across multiple charts.
90
90
In your XAML, ensure that the TrackballCreated event is wired up for each chart.
91
91
92
92
```xml
@@ -168,18 +168,18 @@ public partial class MainPage : ContentPage
168
168
}
169
169
```
170
170
171
-
In the above code, we have used the [ValueToPoint(ChartAxis axis, double value)](https://help.syncfusion.com/maui/cartesian-charts/transform-axis-value-to-pixel-value-and-vice-versa){target="_blank"} method to convert the data point value to the screen point, and the ToOADate method is used to convert the DateTime value to a double value here. Then we have to specify those points in the ChartTrackballBehavior class show method to show synchronized trackball for all charts.
171
+
In the above code, we have used the [ValueToPoint(ChartAxis axis, double value)](https://help.syncfusion.com/maui/cartesian-charts/transform-axis-value-to-pixel-value-and-vice-versa) method to convert the data point value to the screen point, and the ToOADate method is used to convert the DateTime value to a double value here. Then we have to specify those points in the ChartTrackballBehavior class show method to show synchronized trackball for all charts.
172
172
173
173
The following demo illustrates multiple charts in .NET MAUI with synchronized trackball, showing how the trackball positions move together across all charts when interacting with any one chart, following the implemented synchronization steps.
You can find the complete sample from this GitHub Repo [link](https://github.com/SyncfusionExamples/How-to-synchronize-trackball-in-.NET-MAUI-SfCartesianChart){target="_blank"}.
179
+
You can find the complete sample from this GitHub Repo [link](https://github.com/SyncfusionExamples/How-to-synchronize-trackball-in-.NET-MAUI-SfCartesianChart).
180
180
181
181
**Conclusion:**
182
182
183
-
I hope you enjoyed learning about how to Synchronize Trackball in [.NET MAUI Multiple Cartesian Chart.](https://help.syncfusion.com/maui/cartesian-charts/getting-started){target="_blank"}
184
-
You can refer to our [.NET MAUI CartesianChart feature tour page](https://www.syncfusion.com/maui-controls/maui-cartesian-charts){target="_blank"} to know about its other groundbreaking feature representations. You can also explore our [.NET MAUI Chart documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started){target="_blank"} to understand how to present and manipulate data. For current customers, you can check out our components from the [License and Downloads](https://www.syncfusion.com/sales/teamlicense){target="_blank"} page. If you are new to Syncfusion, you can try our 30-day [free trail](https://www.syncfusion.com/downloads/maui){target="_blank"} to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums){target="_blank"}, [Direct-Trac](https://support.syncfusion.com/create){target="_blank"}, or [feedback portal](https://www.syncfusion.com/feedback/maui?control=sfcartesianchart){target="_blank"}. We are always happy to assist you!
183
+
I hope you enjoyed learning about how to Synchronize Trackball in [.NET MAUI Multiple Cartesian Chart.](https://help.syncfusion.com/maui/cartesian-charts/getting-started)
184
+
You can refer to our [.NET MAUI CartesianChart feature tour page](https://www.syncfusion.com/maui-controls/maui-cartesian-charts) to know about its other groundbreaking feature representations. You can also explore our [.NET MAUI Chart documentation](https://help.syncfusion.com/maui/cartesian-charts/getting-started) to understand how to present and manipulate data. For current customers, you can check out our components from the [License and Downloads](https://www.syncfusion.com/sales/teamlicense) page. If you are new to Syncfusion, you can try our 30-day [free trail](https://www.syncfusion.com/downloads/maui) to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums), [Direct-Trac](https://support.syncfusion.com/create), or [feedback portal](https://www.syncfusion.com/feedback/maui?control=sfcartesianchart). We are always happy to assist you!
0 commit comments