在表格上,按照单元格数值显示单元格背景进度条

想要实现的效果如下:

单元格背景进度条的大小取决于当前单元格里的数值

TreeList和GridControl的设置方法都是相同的:都是通过给列设置FormatRule来实现的

相关代码及设置如下:

1、给控件绑定数据源,我的数据源是一个DataTable,相关代码如下:

        /// <summary>
        /// 生成一个DataTable
        /// </summary>
        /// <returns></returns>
        public static DataTable GetPercentDataSource()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add(new DataColumn("ID", typeof(Int32))
            {
                AllowDBNull = false,
                AutoIncrement = true,
                AutoIncrementSeed = 1,
                AutoIncrementStep = 1
            });
            dt.Columns.Add(new DataColumn("Name", typeof(string)));
            dt.Columns.Add(new DataColumn("Year", typeof(int))); 
            dt.Columns.Add(new DataColumn("Numb", typeof(double)));
            dt.Columns.Add(new DataColumn("NumbPercent1", typeof(double)));
            dt.Columns.Add(new DataColumn("NumbPercent2", typeof(double)));

            int index = 1;


            for (int i = 0; i <= 100; i++)
            {
                double x = i * 0.01;
                double y = x;
                if (i % 2 == 1)
                {
                    y = -1 * x;
                }
                dt.Rows.Add(new object[] { index++, "张三", 2024, i, x, y });
            }


            return dt;
        }

2、设置控件,我的示例使用的是TreeList控件(GridControl的设置步骤与此相同)

(1)添加treeListColumn,设置对应的Caption和FieldName

(2)切换到Format Rules页码上,按照下图顺序进行设置:

  • 一个Format Rules对应一个TreeListColumn

  • 下图是NumbPercent1的设置:单元格涂色部分按照数值的百分比显示(设置Rule时,在Preview区域可以预览设置的效果)

  • 下图是NumbPercent2的设置:涂色进度条要能体现出正负

3、最终效果


如果想要实现这种效果:根据单元格数值显示不同的图标。

也是通过给单元格设置FormatRule来实现的

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值