How to: Create a 2D Polar Point Chart

• Jun 07, 2019

The following example demonstrates how to create a 2D Polar Point chart.

To do this, it is necessary to assign the ChartControl.Diagram property to PolarDiagram2D, and then add a PolarPointSeries2D object with points to the polar diagram Diagram.Series collection.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-create-a-2d-polar-point-chart-e4171.

MainWindow.xaml

<Window x:Class="PolarPointSeries2D.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <dxc:ChartControl EnableAnimation="True" ToolTipEnabled="True">
            <dxc:ChartControl.Diagram>
                <dxc:PolarDiagram2D>
                    <dxc:PolarDiagram2D.Series>
                        <dxc:PolarPointSeries2D>
                            <dxc:PolarPointSeries2D.Points>
                                <dxc:SeriesPoint Argument="0" Value="2.0"/>
                                <dxc:SeriesPoint Argument="15" Value="1.64"/>
                                <dxc:SeriesPoint Argument="30" Value="1.24"/>
                                <dxc:SeriesPoint Argument="45" Value="0.87"/>
                                <dxc:SeriesPoint Argument="60" Value="0.54"/>
                                <dxc:SeriesPoint Argument="75" Value="0.28"/>
                                <dxc:SeriesPoint Argument="90" Value="0"/>
                                <dxc:SeriesPoint Argument="105" Value="0.28"/>
                                <dxc:SeriesPoint Argument="120" Value="0.54"/>
                                <dxc:SeriesPoint Argument="135" Value="0.87"/>
                                <dxc:SeriesPoint Argument="150" Value="1.24"/>
                                <dxc:SeriesPoint Argument="165" Value="1.64"/>
                                <dxc:SeriesPoint Argument="180" Value="2.0"/>
                                <dxc:SeriesPoint Argument="195" Value="2.29"/>
                                <dxc:SeriesPoint Argument="210" Value="2.48"/>
                                <dxc:SeriesPoint Argument="225" Value="2.56"/>
                                <dxc:SeriesPoint Argument="240" Value="2.59"/>
                                <dxc:SeriesPoint Argument="255" Value="2.8"/>
                                <dxc:SeriesPoint Argument="270" Value="4.0"/>
                                <dxc:SeriesPoint Argument="285" Value="2.8"/>
                                <dxc:SeriesPoint Argument="300" Value="2.59"/>
                                <dxc:SeriesPoint Argument="315" Value="2.56"/>
                                <dxc:SeriesPoint Argument="330" Value="2.48"/>
                                <dxc:SeriesPoint Argument="345" Value="2.29"/>
                                <dxc:SeriesPoint Argument="360" Value="2.0"/>
                            </dxc:PolarPointSeries2D.Points>
                        </dxc:PolarPointSeries2D>
                    </dxc:PolarDiagram2D.Series>
                </dxc:PolarDiagram2D>
            </dxc:ChartControl.Diagram>
        </dxc:ChartControl>
    </Grid>
</Window>