System windows forms datavisualization charting как подключить

• Question

• 

  I want to use System.windows.Forms.DataVisualization.Charting to draw pie charts from datatable.

  but I am unable to get any online resource for this namespace, please forward some code snippets to draw pie charts from the dataTable

  Tuesday, February 1, 2011 10:15 AM

static class Program

{

    [STAThread]

    static void Main()

    {

        Application.EnableVisualStyles();

        Application.SetCompatibleTextRenderingDefault(false);


        using (var chartForm = new ChartForm())

        {

            FillData(chartForm.Chart);


            chartForm.Show();


            //save

            chartForm.Chart.SaveImage(@"Chart.png", ChartImageFormat.Png);


            chartForm.Close();

        }

    }


    public static void FillData(Chart chart)

    {

        chart.Titles[0].Text = "Price/Volume Chart";


        chart.Series[0].Name = "Price";

        chart.Series[1].Name = "Volume";


        var random = new Random();

        for (int i = 0; i < 10; i++)

        {

            var date = DateTime.Today.AddDays(i);

            chart.Series[0].Points.Add(new DataPoint(date.ToOADate(), random.NextDouble() * 1e3));

            chart.Series[1].Points.Add(new DataPoint(date.ToOADate(), random.Next() / 1e3));

        }

    }

}

//Designer Code        

private void InitializeComponent()

{

    System.Windows.Forms.DataVisualization.Charting.ChartArea chartArea1 = new System.Windows.Forms.DataVisualization.Charting.ChartArea();

    System.Windows.Forms.DataVisualization.Charting.ChartArea chartArea2 = new System.Windows.Forms.DataVisualization.Charting.ChartArea();

    System.Windows.Forms.DataVisualization.Charting.Legend legend1 = new System.Windows.Forms.DataVisualization.Charting.Legend();

    System.Windows.Forms.DataVisualization.Charting.Series series1 = new System.Windows.Forms.DataVisualization.Charting.Series();

    System.Windows.Forms.DataVisualization.Charting.Series series2 = new System.Windows.Forms.DataVisualization.Charting.Series();

    System.Windows.Forms.DataVisualization.Charting.Title title1 = new System.Windows.Forms.DataVisualization.Charting.Title();

    this.chart1 = new System.Windows.Forms.DataVisualization.Charting.Chart();

    ((System.ComponentModel.ISupportInitialize)(this.chart1)).BeginInit();

    this.SuspendLayout();

    // 

    // chart1

    // 

    chartArea1.AxisX.LabelStyle.Enabled = false;

    chartArea1.Name = "ChartArea1";

    chartArea2.AlignWithChartArea = "ChartArea1";

    chartArea2.Name = "ChartArea2";

    this.chart1.ChartAreas.Add(chartArea1);

    this.chart1.ChartAreas.Add(chartArea2);

    this.chart1.Dock = System.Windows.Forms.DockStyle.Fill;

    legend1.Alignment = System.Drawing.StringAlignment.Center;

    legend1.Docking = System.Windows.Forms.DataVisualization.Charting.Docking.Top;

    legend1.Name = "Legend1";

    this.chart1.Legends.Add(legend1);

    this.chart1.Location = new System.Drawing.Point(0, 0);

    this.chart1.Name = "chart1";

    series1.BorderWidth = 2;

    series1.ChartArea = "ChartArea1";

    series1.ChartType = System.Windows.Forms.DataVisualization.Charting.SeriesChartType.Line;

    series1.Color = System.Drawing.Color.Red;

    series1.Legend = "Legend1";

    series1.Name = "Series1";

    series1.XValueType = System.Windows.Forms.DataVisualization.Charting.ChartValueType.Date;

    series2.ChartArea = "ChartArea2";

    series2.Color = System.Drawing.Color.Blue;

    series2.Legend = "Legend1";

    series2.Name = "Series2";

    series2.XValueType = System.Windows.Forms.DataVisualization.Charting.ChartValueType.Date;

    this.chart1.Series.Add(series1);

    this.chart1.Series.Add(series2);

    this.chart1.Size = new System.Drawing.Size(466, 248);

    this.chart1.TabIndex = 0;

    this.chart1.Text = "chart1";

    title1.Name = "Title1";

    title1.Text = "<TITLE>";

    this.chart1.Titles.Add(title1);

    // 

    // ChartControl

    // 

    this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);

    this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;

    this.Controls.Add(this.chart1);

    this.Name = "ChartControl";

    this.Size = new System.Drawing.Size(466, 248);

    ((System.ComponentModel.ISupportInitialize)(this.chart1)).EndInit();

    this.ResumeLayout(false);

}

Системные требования: Windows XP/Windows Vista, Visual Studio 2010, Blend Studio 4.0, WPF Toolkit (http://wpf.codeplex.com/releases/view/40535).

При работе с новой версией WPF 4.0 сталкиваешься с проблемой, а именно: если раньше компонент отрисовки графиков и диаграмм Chart при работе в Blend Studio был доступен на вкладке Controls, то теперь его там по умолчанию нет .Поэтому приходится подключать этот компонент вручную.

Необходимо заметить, что Blend Studio предлагает функционал для подключения внешних dll-библиотек к проекту, однако пользоваться им не рекомендую по той причине, что dll-библиотеки в этом случае подключаются как отдельные файлы, а не как глобальные зарегистрированные библиотеки в системе (что приводит к ненужному увеличению размера дистрибутива программы, так как файл библиотеки копируется в папку с проектом). Поэтому рассмотрим способ подключения черезVisual Studio 2010.

Шаг первый. Открываем/создаем проект WPF c помощью Visual Studio 2010

После открытия проекта в VisualStudio 2010 обратите внимание на панель инструментов (которая доступна при открытой главной форме приложения). В ней расположены основные элементы пользовательского интерфейса WPF (Button, CheckBox, ComboBox и др.). Как видим – компонента Chart здесь нет (см. рис. 1).

Шаг второй. Подключаем компонент для отрисовки диаграмм/графиков Chart к панели инструментов ToolBox

Для этого в панели инструментов ToolBox щелкаем правой кнопкой мыши и вызываем контекстное меню. В контекстном меню выбираем пункт «ChooseItems…» (см. рис. 2). После этого появляется диалоговое окно выбора элементов панели инструментов, как показано ниже на рисунке 3.

Выбираем вкладку WPF Components, в списке компонентов находим элемент Chart и помечаем его галочкой. Нажимаем клавишу OK .

Компонент Chart появился в списке ToolBox (рис. 4).
Примечание: не рекомендуется убирать галочки с других элементов, т.к. в этом случае они пропадут из панели ToolBox.

Шаг третий. Добавляем компонент для отрисовки диаграмм/графиков Chart в проект WPF

Для того чтобы добавить элемент Chart в проект, необходимо его перетащить на форму, после чего сохранить проект. Обращаем внимание, что в разделе References добавилась новая ссылкаSystem.Windows.Controls.DataVisualization.Toolkit.

После того, как проект сохранен, можно открыть его в BlendStudio 4.0 для продолжения работы над интерфейсом (при этом Chart уже будет доступен на панели Controls), либо продолжить разработку в Visual Studio 2010.

• Download local copy — 7.7 MB
• Download latest Repository Archive

Rought porting to .NET5 of dotnet/winforms-datavisualization project and the sample solution as well.

Data Visualization

This repository contains partial source code of the System.Windows.Forms.DataVisualization namespace that provides charting for WinForms. Microsoft ported and open sourced those components to enable charting features for WinForms applications that are developed on .NET Core 3.

I’ve made the porting to .NET 5:

• Updating references
• Updating project files
• Moving deprecated controls like ContextMenu, MenuItems to new ones (ContextMenuStrip, ToolStripMenuItems) and relative methods
• …

Application Running .NET 5:

Points of Interest

Removed Controls starting With .NET Core 3.1

Starting with .NET Core 3.1, various Windows Forms controls are no longer available. Replacement controls that have better design and support were introduced in .NET Framework 2.0. The deprecated controls were previously removed from designer toolboxes but were still available to be used (source).

The following types are no longer available:

• ContextMenu
• DataGrid
• DataGrid.HitTestType
• DataGridBoolColumn
• DataGridCell
• DataGridColumnStyle
• DataGridLineStyle
• DataGridParentRowsLabelStyle
• DataGridPreferredColumnWidthTypeConverter
• DataGridTableStyle
• DataGridTextBox
• DataGridTextBoxColumn
• GridColumnStylesCollection
• GridTablesFactory
• GridTableStylesCollection
• IDataGridEditingService
• IMenuEditorService
• MainMenu
• Menu
• Menu.MenuItemCollection
• MenuItem
• ToolBar
• ToolBarAppearance
• ToolBarButton
• ToolBar.ToolBarButtonCollection
• ToolBarButtonClickEventArgs
• ToolBarButtonStyle
• ToolBarTextAlign

RECOMMENDED ACTION

That’s what has been performed on the project.

References

The original port to .NET Core 3.0 used very old and still in Beta/Preview references:

and moving away from them was a bit tricky, now they’re all actualized:

In a future release, maybe the use of System.Data.SqlClient should be avoided …

CSProj

The CSProj files were also modified according to the new target / Platform (Windows):

Original (Relavant Portion):

<Project Sdk="Microsoft.NET.Sdk.WindowsDesktop">
  <PropertyGroup>
    <TargetFramework>netcoreapp3.0</TargetFramework>
    <AssemblyName>System.Windows.Forms.DataVisualization</AssemblyName>
    <AllowUnsafeBlocks>true</AllowUnsafeBlocks>
    <CLSCompliant>false</CLSCompliant>
    <NoWarn>$(NoWarn);618</NoWarn>
    <DefineConstants>$(DefineConstants);WINFORMS_CONTROL</DefineConstants>
    <!-- <Win32Manifest>ResourcesSystemWindowsFormsXPThemes.manifest</Win32Manifest> -->
  </PropertyGroup>

Ported Version (Relavant Portion):

<Project Sdk="Microsoft.NET.Sdk.WindowsDesktop">
  <PropertyGroup>
    <TargetFramework>net5.0-windows</TargetFramework>
    <AssemblyName>System.Windows.Forms.DataVisualization</AssemblyName>
    <AllowUnsafeBlocks>true</AllowUnsafeBlocks>
    <CLSCompliant>false</CLSCompliant>
    <NoWarn>$(NoWarn);618</NoWarn>
    <UseWindowsForms>true</UseWindowsForms>
    <ImportWindowsDesktopTargets>true</ImportWindowsDesktopTargets>
    <DefineConstants>$(DefineConstants);WINFORMS_CONTROL</DefineConstants>
  </PropertyGroup>

You have to pay attention to this directive<UseWindowsForms>true</UseWindowsForms>:

The UseWindowsForms property controls whether or not your application is built to target Windows Forms.

This property alters the MSBuild pipeline to correctly process a Windows Forms project and related files. The default value is false. Set the UseWindowsForms property to true to enable Windows Forms support. You can only target the Windows platform when this setting is enabled (source).

Getting Started with Chart Controls

The best way to learn about Chart Controls is by looking at the sample solution where via interactive experience with the app, you can learn about every chart type and every major feature. While modifying the control parameters and instantly seeing how that affects the look of the control, you can also get the generated C# or Visual Basic code to use in your apps.

With the sample project, you can see every property and parameters in action:

and then copy the relavant portion of the code (C# or VB.NET):

History

• 8^th April: Initial porting to .NET 5

Hope this helps!