How to draw Polar chart in WPF

Hello....I am new to WPF Application. As WPF don't have polar chart in chart types. I am using your trail.msi file to draw polar chart in my application. I am new to this forum and tool....please tell me how to use this tool...I am inputing values from text box and on button click I want pass those values to chart and draw polar chart. Please help me...

Hello,

I've attached a sample project that may help you start using our polar charts. It's a bit old, so you may need to get visual studio to upgrade it. Then, you'll need to add a reference to your trial version of WPF Elements. Also, right click on the project in Visual Studio and select "Properties..." then change the target framework from .NET 3.5 to at least .NET 4.0

The basics of using the polar chart is to build the UI in xaml by creating an ms:PolarChart tag, and then adding at least one series to it. We provide several different types of polar series. The one used in the sample is PolarScatterSeries. To get it to display data, set the ItemsSource property of the series to bind to a collection of data from the view model. (In the sample, Window1.xaml.cs is basically the view model). In Window1.xaml.cs, you'll see a Data property which is an ObservableCollection of PolarPoint. PolarPoint is a convenient class we provide to represent a single plotted point in a polar chart which has Rho and Theta properties.

The sample adds a new random PolarPoint to the chart every 400ms. You'll add point to the collection based on the button click.

Please let me know if you have further questions about our controls, or anything I've mentioned above, or if you're having trouble running the sample and I'll help you out. Please note that we don't provide generalized help about how to use WPF (Such as how to do data bindings or use standard control).

-Jason Fauchelle

Hello Jason... Thanks for ur immediate reply...but can u tell me how to use this for my help...to include that template and mindscape in my project where should I add reference or which namespace is needed in my project please tell me. right now I am using visual studio 2010 when I tried to open your project window1.xaml in VS2010 I got error as in given image.... please tell me how to resolve this error and use ur application.....

I am facing this error Jason Please help me I need to complete that application. The type reference cannot find a public type named 'PolarChartSymbol'. How to resole this error. I have fetched mindscape.design.dll

Hello,

A reference can be added by right clicking on the References item in the Solution Explorer in Visual Studio, then "Add Reference...". Browse to find the Mindscape.WpfElements.dll in the install directory of WPF Elements and add that.

The PolarChartSymbol issue can occur if you didn't update the project to use .NET 4.0. See my previous reply for instructions. Let me know if you still have trouble.

-Jason Fauchelle

Good Morning...Jason Thanks for reply your example worked. Now I want to pass text box value to polar chart and draw it as line not points. where should I make change in your code for doing this. check image i am giving as reference..second image shows u requirement as I have done it in windows application.

One way to do this would be to bind the Text property of the 2 TextBoxs to properties on the view model. The bindings will need to have the Mode set to TwoWay. Then hook up the button Click event to an event handler which then takes those 2 values and adds them as a PolarPoint to the collection of data. Since the collection is an ObservableCollection, the chart will automatically update.

Binding is a big part of WPF, you'll want to read up about it: https://msdn.microsoft.com/en-us/library/ms752347(v=vs.100).aspx

Events: https://msdn.microsoft.com/en-us/library/bb675300(v=vs.90).aspx

Hello.. Jason how to bind text property to properties on the view model...

The binding would look something like:

<TextBox Text="{Binding Rho, Mode=TwoWay}" />

Where Rho is the name of the property on the view model. Since the values are probably numbers, instead of using TextBox, an alternative could be to use our NumericTextBox which only allows users to input numeric values. If you do decide to try this, you'd want to bind the Value property instead of the Text property.

Thanks for your reply.

Hello Jason,and I'm also new in wpf,u program didnt working and my VS 2013 ultimate version 4.5 so I didnt find this reference in my project.What kind of version I need set up or may be this toubles have another ways to solve?

Hi,

Sounds like you need to add a reference to Mindscape.WpfElements.dll. This can be found in the install directory of our WPF Elements product. Something like C:\Program Files (x86)\Mindscape\WPF Elements\Bin

Hope that helps. Let me know if you have further questions and I'll help you out.

-Jason Fauchelle

Yes ,thank you very much! It's working)) Jason how i can add tooltips to animated ellipses and also it will get the Information from the DataGrid or DataSet? and there is my animated ellipses: XAML code:

<Window x:Class="WpfApplication4.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Canvas>
        <Path Fill="Red" Margin="50,50,50,50">
            <Path.Data>
                <!-- Describes an ellipse. -->
                <GeometryGroup>
                <EllipseGeometry x:Name="AnimatedEllipse" Center="400,00" RadiusX="10" RadiusY="10" />
                    <EllipseGeometry x:Name="AnimatedEllipse1" Center="400,00" RadiusX="10" RadiusY="10" />
                    <EllipseGeometry x:Name="AnimatedEllipse2" Center="400,00" RadiusX="10" RadiusY="10" />
                </GeometryGroup>
            </Path.Data>
            <Path.Triggers>
                <EventTrigger RoutedEvent="Path.Loaded">
                    <BeginStoryboard Name="BeginStoryboard1">
                        <Storyboard>
                            <PointAnimation ToolTipService.ToolTip="AAa" Storyboard.TargetProperty="Center" Storyboard.TargetName="AnimatedEllipse" Duration="0:0:20" From="0,50" To="200,120"  />
                            <PointAnimation ToolTipService.ToolTip="AAa" ToolTipService.ShowDuration="5" Storyboard.TargetProperty="Center" Storyboard.TargetName="AnimatedEllipse1" Duration="0:0:20" From="90,50" To="200,80"  />
                            <PointAnimation ToolTipService.ToolTip="AAa" Storyboard.TargetProperty="Center" Storyboard.TargetName="AnimatedEllipse2" Duration="0:0:20" From="190,250" To="220,100"  />
                       </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Path.Triggers>
        </Path>

    </Canvas>

Hi,

Thanks for sending through the repro project. Unfortunately it is not possible to set tooltips on the individual ellipses here. This is because they are merely logical bits of geometry, rather than framework elements. You can set a ToolTip on the Path object, but that will display the same tooltip when you hover over any ellipse.

The easiest way to have a different tooltip bound to each shape would be to split out each ellipse into it's own Path. Or maybe even just use Ellipse objects, depending on your preference.

Hope that points you in the right direction!

-Jason Fauchelle

Hiiii!!!Thank you for soon answering;) It's working i changed some properties to path and its working))But i want get the tooltips from the Datagrid and i don't know how to bind tooltips to Datagrid(( I'm sending you my project that i'm working and to this project you need a Database table in SQL SERVER 2012 and i connect this table with WPF application with DataGrid and i'm also sending you a picture how its working,but in this picture tooltip is very simple Text,and i Want tooltips from This DataGrid or Binding??? Also i'm sending you my project and i dont know its will be working or not on your laptop(((

Hi,

Great to hear you got it working. To display the tool tips, you'll want them to bind to a model, not the DataGrid. To do this in your repro project, you'd want to set the DataContext of the main window to be a model object that will provide the tool tip values. Maybe this could be the DataClasses1DataContext instance, or maybe it would be a different class that you make for it. With the DataContext of the window set, the tool tips can then be bound to any properties on that data context object.

-Jason Fauchelle

Hi,Jason! I've understood your idea that i should create a new class and write there some code in c# ,but now i'm new in c# programming language so to write some codes to this project is difficult for me so if you free or have time can you write to me sample example about DataContext or I need add Collections into this project and give some static information but i didnt bind to this(((

Hi,

Unfortunately I don't have time to write a sample, but I can point you in the right direction. I recommend you read up about MVVM which is a commonly used pattern used to write WPF apps, and is related to binding from the xaml to a data context. Here is an example of where you could start: http://www.codeproject.com/Articles/819294/WPF-MVVM-step-by-step-Basics-to-Advance-Level The first 2 levels are the most applicable to your question.

-Jason Fauchelle

Hiii ,Thank you veeeryyy much!!!))) Every day I'm waiting for you something useful )) And my waitings cost this i get from you Jason a lot useful advices ,and also thank you to direct me to the right way I wish you all the best and health;) And in the end if i will have another questions Could i Ask?

You're welcome,

I can answer any questions you have about our WPF Elements product. I can't provide much help with general WPF knowledge though.

-Jason Fauchelle

HI Jason ! Jason do you know how to bind datagrid information or each column bind to the animated ellipses?For example if i have 2 animated ellipses and each one will be bind to the elements in datagrid.Also i have searcher if i enter to the textbox any Number of Flight and click the button then one ellipse1 would be animated if i enter another Number of flight will be animated another ellipse2 for example .All of these data taken from the database in DataGrid.I've attached my project and photo of this project Can you give me advice or point how to do this?

And i want to add that In the text " AnimatedEllipse.BeginAnimation(EllipseGeometry.RadiusXProperty, da);" we have in BeginAnimation method parameter as HandoffBehavior so it's may be can add parameter but i dont know what is handoffbehavior

HandOfbehavior is BAD idea because i read a lot about it and it is used in different way. So I think i need switch to use my ellipses but i dont know how exactly use switch , because i must enter the NumberOfFlight in the textbox and will be animated ellipse1 ,if i enter another NumberOfFlight will be animated another ellipse2 and the data from the db Sql Server???

Hi,

Unfortunately I don't know how to do any of these things. I haven't worked with the WPF DataGrid much before. Sounds like you need to control the animations from your model maybe, but this is something I won't be able to help you with. You may get help by posting your questions on stackoverflow.com

-Jason Fauchelle

Hi,Ok thanks)