This topic explains the common properties for Polar Series in the {DataChartName}™ control.
The topic is organized as follows:
Polar Series is a group of series that uses the polar (angle, radius) coordinate system instead of the Cartesian (x, y) coordinate system to plot data in chart. In other words, Polar Series take concepts of Scatter Series and wrap them around a circle rather than stretching along a horizontal line. This group of series is used to show the relationship among the items in several distinct series of data using the polar coordinates system.
Polar Series draw attention to uneven intervals or clusters of data. They are often used to plot scientific data (e.g. wind direction and speed, direction, and strength of magnetic field, location of objects in solar system), and can highlight the deviation of collected data from predicted results.
The {DataChartName} control supports the following types of Polar Series and each of them is discussed in an individual topic:
All these topics demonstrate how to create a specific type of Polar Series and bind data to it.
Figure 1: Sample Polar Area Series
Figure 2: Sample Polar Line Series
Figure 3: Sample Polar Scatter Series
Figure 4: Sample Polar Spline Series
Figure 5: Sample Polar Spline Area Series
Some Polar Series have a rough equivalent to Scatter Series and the following table shows an analogy between these types of series.
Table 1: Mapping of the Polar Series Types to the Scatter Series Types
Radial Series Type | Scatter Series Type |
---|---|
None |
|
None |
|
There are many types of polar axes supported by the {DataChartName} control, but only the NumericRadiusAxis and NumericAngleAxis can be used with any of the polar series. The basic requirement for implementating a PolarSeries involves binding a NumericRadiusAxis to the RadiusAxis property exposed from the PolarSeries as well as binding a NumericAngleAxis to the AngleAxis property of the PolarSeries. For more information on how to use polar axes, refer to the Using Numeric Angle Axis and Using Numeric Radius Axis topics or to the Chart Axes topic for a list of all supported axis types.
In polar coordinate systems, the location of data points is determined by an angle (angular coordinate) from a fixed direction and distance (radial coordinate) from a fixed point (analogous to the origin of a Cartesian coordinate) which is called “the pole”. The lines that start from the pole and point outwards are gridlines of the angular axis (NumericAngleAxis) and the concentric rings that surround the pole are gridlines of the radius axis (NumericRadiusAxis). For more information on how to use axes with polar series, refer to the Chart Axes topic.
Figure 6 shows PolarScatterSeries with four data points at various locations in polar coordinate system:
-
the blue point is located at the center of the polar chart (0,0 is the pole in the polar coordinate system)
-
the red point has a radial coordinate of 120 and angular coordinate of 90 (120, 90)
-
the green point has a radial coordinate of 80 and angular coordinate of 60 (80, 60)
-
the orange point has a radial coordinate of 160 and angular coordinate of 150 (160, 150)
Figure 6: Schematic representation of data ploting in polar coordinate system in the {DataChartName} control
Similar to all other types of series in the {DataChartName} control, the Polar Series, too, uses the pick:[xaml=" ItemsSource"] pick:[win-forms,android=" DataSource"] property to bind data. In fact, all series can be bound to any object that implements the IEnumerable interface (e.g. List, Collection, Queue, Stack). However, with the Polar Series, each item in this object must have two numeric properties (for angle and radius coordinates) that will be mapped using the AngleMemberPath and RadiusMemberPath properties. For more information on the requirements for a specific type of series, refer to the Series Requirements topic.
An example of an object that meets the above criteria is the PolarDataSample object which you can download from the Sample Polar Data resource and use it in your project. Figure 7 shows how binding data to Polar Series works in the {DataChartName} control.
Figure 7: Schematic representation of data binding to Polar Series in the {DataChartName} control