Differences

This shows you the differences between two versions of the page.

--- swdev:dotnet:wpf:charting [2010/11/16 15:12]
smayr
+++ swdev:dotnet:wpf:charting [2010/11/16 15:55] (current)
smayr
@@ Line 2: / Line 2: @@
 == Using MS Chart ==
-  * Create a WPF project.
+  * Create a WPF (.NET 4.0) project.
   * Add Assembly references:
     * ''WindowsFormsIntegrations''
     * ''System.Windows.Forms''
     * ''System.Windows.Controls.DataVisualization.Toolkit''
-  * Place a ''WindowsFormsHost'' inside a ''Grid'' (in XAML).
+  * Place a ''WindowsFormsHost'' control inside a ''Grid'' (in XAML).
+  * Place a ''Chart'' control inside.
 Create a bar chart:
@@ Line 19: / Line 20: @@
     <Grid>
         <Grid>
-            <WindowsFormsHost>
+            <WindowsFormsHost Width="300" Height="200" Background="WhiteSmoke">
-                <charting:Chart x:Name="chart1" BackColor="WhiteSmoke" Height="100" Width="200" />
+                <charting:Chart x:Name="chart1" />
             </WindowsFormsHost>
         </Grid>
@@ Line 27: / Line 28: @@
 </code>
+Add code behind to populate the chart:
+<code csharp>
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+using System.Windows.Forms.DataVisualization.Charting;
+namespace MSChart
+{
+    /// <summary>
+    /// Interaction logic for MainWindow.xaml
+    /// </summary>
+    public partial class MainWindow : Window
+    {
+        public MainWindow()
+        {
+            InitializeComponent();
+            // Create Chart Area
+            ChartArea chartArea1 = new ChartArea();
+            // Add Chart Area to the Chart
+            chart1.ChartAreas.Add(chartArea1);
+            // Create a data series
+            Series series1 = new Series();
+            Series series2 = new Series();
+            // Add data points to the first series
+            series1.Points.Add(34);
+            series1.Points.Add(24);
+            series1.Points.Add(32);
+            series1.Points.Add(28);
+            series1.Points.Add(44);
+            // Add data points to the second series
+            series2.Points.Add(14);
+            series2.Points.Add(44);
+            series2.Points.Add(24);
+            series2.Points.Add(32);
+            series2.Points.Add(28);
+            // Add series to the chart
+            chart1.Series.Add(series1);
+            chart1.Series.Add(series2);
+        }
+    }
+}
+</code>
 == Using WPFToolkit ==
@@ Line 65: / Line 126: @@
 Source: [[http://blogs.msdn.com/b/wpfsdk/archive/2009/06/25/new-chart-controls-for-wpf.aspx|Chart Controls for WPF ship in the Toolkit]]
+== References ==
+  * [[http://weblogs.asp.net/scottgu/archive/2010/02/07/built-in-charting-controls-vs-2010-and-net-4-series.aspx|Built-in Charting Controls (VS2010 and .NET 4 Series)]]
+  * [[http://www.smallworkarounds.net/2009/07/microsoft-charting-controls-how-to.html|MS Charting Controls HOW TO]]
+  * [[http://code.msdn.microsoft.com/mschart|MS Chart]]
+  * [[http://code.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=1591|Download MS Chart Windows Forms sample projects]]
+  * [[http://www.microsoft.com/downloads/en/details.aspx?FamilyId=EE8F6F35-B087-4324-9DBA-6DD5E844FD9F&displaylang=en|Download MS Chart CHM Documentation]]