概述

本文研究,高性能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

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。