概述

本文研究,高性能FlexChart For WinForms强大且灵活的数据绑定,简单和易于使用的API来配置图表。此外,它们为你提供一些基本到复杂的图表类型数据可视化的需求。

步骤如下

第一步，在Visual Studio 中需要创建一个Winform应用程序，在Toolbox中找到FlexChart控件。并拖拽到窗体的设计视图中，如下图：

下载1

这样我们第一步准备工作完成。

第二步，需要给我们的FlexChart建立数据源，本文我们以List集合为例（DataTable同理），代码参考如下：

    /// \<summary>
    /// 商品集合表
    /// \</summary>
    public class Products
    {
        public Products( string \_name,int \_price,int \_sale,int \_cost,int \_pvalue)
        {
            ProductName = \_name;
            Price = \_price;
            Sales = \_sale;
            Cost = \_cost;
            PValues = \_pvalue;
        }
        public string ProductName { get; set;}
        public int Price { get; set; }
        public int Sales { get; set; }
        public int Cost { get; set; }
        public int PValues { get; set; }
    }

并且需要要将集合初始化，参考代码如下：

/// \<summary>
        /// 数据源初始化赋值
        /// \</summary>
        /// \<returns>\</returns>
        public IList\<Products> Init()
        {
            IList\<Products> Lists = new List\<Products>();
            Products term1 = new Products( "benze", 22, 34, 8, 123 );
            Lists.Add(term1);
            Products term2 = new Products("auto", 14, 21, 7, 83);
            Lists.Add(term2);
            Products term3 = new Products("skeda", 9, 14, 6, 178);
            Lists.Add(term3);
            Products term4 = new Products("nissa", 11, 43, 9, 101);
            Lists.Add(term4);
            Products term5 = new Products("jeep", 16, 24, 10, 223);
            Lists.Add(term5);
            return Lists;
        }

第三步，需要将我们的数据源绑定到FlexChart上，代码参考如下：

flexChart1.DataSource = Init();

第四步，需要对我们的FlexChart设置

            // 清除原绑定的Series,
            flexChart1.Series.Clear();
            // 创建数据序列
            C1.Win.Chart.Series series1 = new C1.Win.Chart.Series();
            C1.Win.Chart.Series series2 = new C1.Win.Chart.Series();
            C1.Win.Chart.Series series3 = new C1.Win.Chart.Series();
            C1.Win.Chart.Series series4 = new C1.Win.Chart.Series();
            // 加载数据序列到徐磊集合中
            flexChart1.Series.Add(series1);
            flexChart1.Series.Add(series2);
            flexChart1.Series.Add(series3);
            flexChart1.Series.Add(series4);
            // 对数据序列重命名，这里指的是图例
            series1.Name = "Price";
            series2.Name = "Sales";
            series3.Name = "Cost";

第五步。做完以上操作，就可以运行程序，我们简单的FlexChart就完成好了，如图：

下载2

这样我们就完成了FlexChart基本数据绑定操作！

本文demo如下：ComponectOne.zip (5.45 mb)

更多资源

如果你对C1Chart感兴趣，请到我们的官网下载最新版本：/developer/componentone-winform/controls/chart

如果你有疑问，可以到GCDN获得技术支持：

http://gcdn.grapecity.com.cn/showforum-68.html

GCDN：http://gcdn.grapecity.com.cn/

官方网站：/developer

ComponentOne Enterprise | 下载试用

ComponentOne 是一套专注于企业 .NET开发、支持 .NET Core 平台，并完美集成于 Visual Studio 的第三方控件集，包含 300 多种 .NET开发控件，提供表格数据管理、数据可视化、报表和文档、日程安排、输入和编辑、导航和布局、系统提升工具等七大功能，被誉为“.NET开发的‘瑞士军刀’”。

ComponentOne 为您提供专业的产品咨询服务，并由技术支持工程师为您1对1解答。>> 发帖提问