Spread Studio 表格控件数据可视化:波形图-创建波形图

Spread 表格控件一直致力于增强用户体验。在继 V6 版本中新增了 波形图 之后,最新发布的 Spread Studio for .NET 中针对数据可视化做了很多的增强。增强条件格式是其中的亮点之一。我们将用两片文章来阐述 Spread 数据可视化相关方面的内容,本篇文章将详细介绍波形图的使用方法。

发布于 2013/07/25 00:00

SpreadJS

Spread 表格控件一直致力于增强用户体验。在继 V6 版本中新增了 波形图 之后,最新发布的 Spread Studio for .NET 中针对数据可视化做了很多的增强。增强条件格式是其中的亮点之一。我们将用两片文章来阐述 Spread 数据可视化相关方面的内容,本篇文章将详细介绍波形图的使用方法。

波形图是直接画在单元格里的微型图表,用于可视化的呈现数据。Spread 支持柱、线和正负类型的波形图,同时可以与Excel 2010文件兼容及转换。下面图形显示了波形图的三种类型:

image

柱形波形图以柱形图表方式展示数据、折线波形图以折线图方式展示数据、高低波形图以相同尺寸展示数据,当数据为正时,图形在 X 轴上部,反之在 X 轴下部。

同时,您可以设置波形图标记的颜色,包括:高、低、正、负、第一个和最后一个标记的颜色。

I.添加波形图:

使用代码添加:

C#:

  1: FarPoint.Win.Spread.SheetView sv = new FarPoint.Win.Spread.SheetView();
  2: FarPoint.Win.Spread.Chart.SheetCellRange data = new FarPoint.Win.Spread.Chart.SheetCellRange(sv, 0, 0, 1, 5);
  3: FarPoint.Win.Spread.Chart.SheetCellRange data2 = new FarPoint.Win.Spread.Chart.SheetCellRange(sv, 5, 0, 1, 1);
  4: FarPoint.Win.Spread.ExcelSparklineSetting ex = new FarPoint.Win.Spread.ExcelSparklineSetting();
  5: ex.ShowMarkers = true;
  6: ex.ShowNegative = true;
  7: ex.NegativeColor = Color.Red;
  8: ex.SeriesColor = Color.Olive;
  9: fpSpread1.Sheets[0] = sv;
 10: sv.Cells[0, 0].Value = 2;
 11: sv.Cells[0, 1].Value = 5;
 12: sv.Cells[0, 2].Value = 4;
 13: sv.Cells[0, 3].Value = -1;
 14: sv.Cells[0, 4].Value = 3;
 15: fpSpread1.Sheets[0].AddSparkline(data, data2, FarPoint.Win.Spread.SparklineType.Column, ex);   

 

VB.NET :

  1:  Dim sv As New FarPoint.Win.Spread.SheetView()
  2:  Dim data As New FarPoint.Win.Spread.Chart.SheetCellRange(sv, 0, 0, 1, 5)
  3:  Dim data2 As New FarPoint.Win.Spread.Chart.SheetCellRange(sv, 5, 0, 1, 1)
  4:  Dim ex As New FarPoint.Win.Spread.ExcelSparklineSetting()
  5:  ex.ShowMarkers = True
  6:  ex.ShowNegative = True
  7:  ex.NegativeColor = Color.Red
  8:  ' Use with a Column or Winloss type
  9:  ex.SeriesColor = Color.Olive
 10:  FpSpread1.Sheets(0) = sv
 11:  sv.Cells(0, 0).Value = 2
 12:  sv.Cells(0, 1).Value = 5
 13:  sv.Cells(0, 2).Value = 4
 14:  sv.Cells(0, 3).Value = -1
 15:  sv.Cells(0, 4).Value = 3
 16:  FpSpread1.Sheets(0).AddSparkline(data, data2, FarPoint.Win.Spread.SparklineType.Column, ex)

使用设计器添加波形图:

当然,你也可以通过Spread设计器来添加一个波形图
1.设计器里一个单元格的类型数据或者一行或列内的单元格类型数据。
2.选择一个单元格存放波形图。
3.在菜单中选择“插入”选项。
4.选择一个波形图类型。
5.在波形图编辑框设置数据范围(如 =Sheet1!$E$1: $E$3)。
6.点击“ok”。
7.保存你的更改,在文件菜单中选择应用并退出,退出设计器。

 

VS2010 + FrameWork 4.0 + Spread Studio for Winform 7 + C#: 点击下载

 

以上即为 波形图的创建方法,在下一篇文章中我们将介绍如何定制波形图的样式。

SpreadJS | 下载试用

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

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

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

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

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