Spread Studio V10 新功能 - 旭日图(Sunburst Chart)

Spread Studio 在Winforms 和 ASP.NET平台下新增了旭日图(Sunburst chart)。本文介绍旭日图的具体使用方法。

发布于 2017/02/03 00:00

SpreadJS

旭日图(Sunburst Chart) 可以有效地以视觉方式显示分层数据。例如,您可以在旭日图中方便的找到某一家店铺的的哪种商品的销量最高。

在Spread Studio V10中, Windows Forms 和 ASP.NET 平台新增了旭日图(Sunburst Chart)。

从下图中,您可以轻松看出每家店铺不同产品的销量。

 

1486094019(1)

1. 通过代码创建旭日图

            // Create a Sunburst series. 
            FarPoint.Win.Chart.SunburstSeries series = new FarPoint.Win.Chart.SunburstSeries();
            // Add data. 
            series.Values.AddRange(new double[] { 350, 100, 80, 85, 90, 200, 300, 450, 500, 650, 220 });
            // Set any colors
            series.Fills.AddRange(new FarPoint.Win.Chart.Fill[] {
                new FarPoint.Win.Chart.SolidFill(Color.Blue),
                new FarPoint.Win.Chart.SolidFill(Color.Teal),
                new FarPoint.Win.Chart.SolidFill(Color.DarkGoldenrod),
                new FarPoint.Win.Chart.SolidFill(Color.DarkSalmon),
                new FarPoint.Win.Chart.SolidFill(Color.DarkGreen),
                new FarPoint.Win.Chart.SolidFill(Color.Chocolate),
                new FarPoint.Win.Chart.SolidFill(Color.Navy),
                new FarPoint.Win.Chart.SolidFill(Color.DarkOrange),
                new FarPoint.Win.Chart.SolidFill(Color.OrangeRed),
                new FarPoint.Win.Chart.SolidFill(Color.Tomato),
                new FarPoint.Win.Chart.SolidFill(Color.Firebrick),
                new FarPoint.Win.Chart.SolidFill(Color.Gray),
                new FarPoint.Win.Chart.SolidFill(Color.Olive),
                new FarPoint.Win.Chart.SolidFill(Color.Teal) });
            // Add text strings for the data. 
            FarPoint.Win.Chart.StringCollectionItem collection1 = new FarPoint.Win.Chart.StringCollectionItem(); collection1.AddRange(new String[] { "Store 1", "", "", "", "", "", "Store 2", "", "", "Store 3" });
            FarPoint.Win.Chart.StringCollectionItem collection2 = new FarPoint.Win.Chart.StringCollectionItem(); collection2.AddRange(new String[] { "Asagio", "Swiss", "Muenster", "Blue", "Cabot", "Gouda", "Feta", "Brie", "Stilton", "American", "Asagio" });
            FarPoint.Win.Chart.StringCollectionItem collection3 = new FarPoint.Win.Chart.StringCollectionItem();
            series.CategoryNames.AddRange(new FarPoint.Win.Chart.StringCollectionItem[] { collection1, collection2 });
            // Add any legends or labels. 
            FarPoint.Win.Chart.LegendArea label = new FarPoint.Win.Chart.LegendArea();
            label.TextFont = new System.Drawing.Font("Calibri", 10);
            label.TextFill = new FarPoint.Win.Chart.SolidFill(System.Drawing.Color.Black);
            // Create a plot area and add the series to the plot area. 
            FarPoint.Win.Chart.SunburstPlotArea plotArea = new FarPoint.Win.Chart.SunburstPlotArea();
            plotArea.Location = new PointF(0.2f, 0.2f);
            plotArea.Size = new SizeF(0.6f, 0.6f);
            plotArea.Series.Add(series);
            // Create a chart model and add the plot area and legend. 
            FarPoint.Win.Chart.ChartModel model = new FarPoint.Win.Chart.ChartModel();
            model.PlotAreas.Add(plotArea);
            model.LegendAreas.Add(label);
            // Create a chart object, set the size and location, and assign the model.
            FarPoint.Win.Spread.Chart.SpreadChart chart = new FarPoint.Win.Spread.Chart.SpreadChart();
            chart.Size = new Size(600, 700);
            chart.Location = new System.Drawing.Point(50, 10); chart.Model = model;
            // Add the chart to Spread.
            fpSpread1.Sheets[0].Charts.Add(chart);

2. 使用设计器添加旭日图

和在Excel中一样,只需要选择数据源,插入旭日图即可。

1486094569(1)

1486094599(1)

1486094632(1)

 

更多资源

如果您对Spread Studio产品感兴趣,请到官方网站下载试用:/developer/spreadstudio

产品咨询电话:400-657-6008

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn

SpreadJS | 下载试用

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

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

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

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

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