Spread Windows Forms 漏斗图的绘制

漏斗图是一个非常实用的工具,在流程管理中经常被使用,它用来衡量网站中业务流程表现,并适用于电商等各个行业,漏斗图可以直观地看出业务流程中的问题所在,从而加以完善。例如,由于渠道图表显示销售流程多个阶段的数值,因此可以使用它们来了解有多少销售线索转换为购买。

发布于 2017/07/28 00:00

SpreadJS

        漏斗图是一个非常实用的工具,在流程管理中经常被使用,它用来衡量网站中业务流程表现,并适用于电商等各个行业,漏斗图可以直观地看出业务流程中的问题所在,从而加以完善。

例如,由于渠道图表显示销售流程多个阶段的数值,因此可以使用它们来了解有多少销售线索转换为购买。

       在Spread Windows Forms中,通过以下操作可以创建一个漏斗图的模型。

       1.初始化series并添加数据

            FarPoint.Win.Chart.FunnelSeries funnel = new FarPoint.Win.Chart.FunnelSeries();
            funnel.SeriesName = "Series0";
            funnel.Values.Add(200);
            funnel.Values.Add(180);
            funnel.Values.Add(50);
            funnel.Values.Add(30);
            funnel.Values.Add(8);
            funnel.CategoryNames.Add("Leads");
            funnel.CategoryNames.Add("Emails Sent");
            funnel.CategoryNames.Add("Replies");
            funnel.CategoryNames.Add("Quotes");
            funnel.CategoryNames.Add("Purchases");
            funnel.BarFills.AddRange(new FarPoint.Win.Chart.GradientFill[] { new FarPoint.Win.Chart.GradientFill(Color.LightGreen, Color.Yellow), new FarPoint.Win.Chart.GradientFill(Color.LightBlue, Color.Thistle), new FarPoint.Win.Chart.GradientFill(Color.LightGray, Color.LightPink), new FarPoint.Win.Chart.GradientFill(Color.Beige, Color.Orange), new FarPoint.Win.Chart.GradientFill(Color.LightSalmon, Color.RosyBrown) });
            funnel.BarBorders.AddRange(new FarPoint.Win.Chart.Line[] { new FarPoint.Win.Chart.SolidLine(Color.DarkOliveGreen), new FarPoint.Win.Chart.SolidLine(Color.DarkBlue), new FarPoint.Win.Chart.SolidLine(Color.Black), new FarPoint.Win.Chart.SolidLine(Color.DarkOrange), new FarPoint.Win.Chart.SolidLine(Color.Firebrick) });

        2.初始化PlotArea,并添加series

            FarPoint.Win.Chart.YPlotArea plotArea = new FarPoint.Win.Chart.YPlotArea();
            plotArea.Location = new PointF(0.2f, 0.2f);
            plotArea.Size = new SizeF(0.6f, 0.6f);
            plotArea.XAxis.Reverse = true;
            plotArea.Vertical = false;
            plotArea.Series.Add(funnel);

此处需要注意,由于漏斗图的x轴与y轴相对于一般报表来说是垂直显示的所以需要设置plotArea.Vertical = false;再者因为X轴数据是倒置的(从上到下)所以需设置plotArea.XAxis.Reverse = true;这两个是与一般报表设置不同的地方,需要���意。

         3.创建chart model模型并添加Plotarea

            FarPoint.Win.Chart.ChartModel model = new FarPoint.Win.Chart.ChartModel();
            model.PlotAreas.Add(plotArea);

         4.初始化chart对象,并设置对象中的model属性

            FarPoint.Win.Spread.Chart.SpreadChart chart = new FarPoint.Win.Spread.Chart.SpreadChart();
            chart.Model = model;
            chart.Left = 0;
            chart.Top = 150;
            chart.Size = new Size(600, 400);

         5.添加该chart

fpSpread1.ActiveSheet.Charts.Add(chart);

        以上就是全部的步骤,让我们来看看效果如何:

image

以上就是Spread Windows Forms实现瀑布图的主要内容。

相关源码下载可以点击以下网址进行下载

http://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=38569&extra=page%3D1

有兴趣想要下载本产品的可以在以下网址进行下载试用:

/download/?pid=46

Spread Windows Forms还可以实现很多精彩的功能,您可以访问以下站点进行详细了解:

/developer/spread-winform

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助:

相关产品
推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态