学习C#开源报表组件Seal Report(37:Seal Report Designer界面布局-33)

  Seal Report Designer软件左侧面板的Views节点内Model视图控件,其下支持添加Gauge View视图,该控件使用类似汽车仪表盘的图形化组件,用指针和刻度直观显示数据值。Gauge View视图相关的属性与View对象属性类似,本文主要学习Gauge View特有的属性用途。

  Is enabled属性:设置是否启用当前Gauge View控件;

  CSS class:Container属性:设置整个Gauge View最外层容器的自定义CSS样式类;

  CSS style:Container属性:设置整个Gauge View最外层容器的自定义CSS样式;

  CSS class:Preview text属性:设置仪表盘中预览文本的CSS样式类;

  CSS style:Preview text属性:设置仪表盘中预览文本的CSS样式;

  Gauge width属性:设置仪表盘宽度;

  Gauge height属性:设置仪表盘高度;

  Minimum value属性:设置仪表盘刻度尺最小值,可以被数据源结果表第二个值替换;

  Maximum value属性:设置仪表盘刻度尺最大值,可以被数据源结果表第三个值替换;

  Animation speed属性:设置仪表盘加载时指针从起始位置移动到目标数值的动画播放速度,可以被数据源的结果表内第四个值替换;

  Options属性:设置仪表盘的通用属性;

  Pointer属性:设置仪表盘内指针的样式;

  Step for dynamic ticks and labels属性:设置数值间隔,如果值不为空,则属性值用于动态计算仪表盘的刻度线和刻度标签;

  Ticks属性:设置仪表盘内刻度线的样式;

  Static labels属性:设置仪表盘内刻度标签的样式;;

  Percent colors属性:设置仪表盘数值所占百分比对应的颜色列表;

  Static zones属性:设置仪表盘固定数值区域的样式;

  Gauge width(millimeter)属性:以PDF形式显示报表时,设置图表宽度,单位为毫米;

  Gauge height(millimeter)属性:以PDF形式显示报表时,设置图表高度,单位为毫米。

  Seal Report Designer软件自带的示例中包括Gauge View控件的使用示例,以05-Gauges.srex文件为例(位于Samples文件夹内),该文件的Views节点中多次使用Gauge View控件。
  下图中的Gauge数据模型包含分页元素及数据元素,数据元素仅包含Amount数据列,而Gauge with min, max, animation模型的数据元素中包含四个数据列,后面3个数据列为固定值,用以指定仪表盘中的Minimum value属性、Maximum value属性和Animation speed属性。报表的显示效果如下所示:

参考文献:

1https://github.com/ariacom/Seal-Report

2https://sealreport.org/

3https://sealreport.org/demo

4https://sealreport.org/forum/

5https://github.com/ariacom/Seal-Report/releases

6https://www.cnblogs.com/Leo_wl/p/7716582.html

7https://sealreport.org/Help/html/26c7ae63-9b83-dc1d-b5d0-00a18021be41.htm

8https://sealreport.org/Reports

相关推荐
gc_22993 天前
学习C#开源报表组件Seal Report(33:Seal Report Designer界面布局-29)
seal report
gc_229913 天前
学习C#开源报表组件Seal Report(30:Seal Report Designer界面布局-26)
seal report
gc_229919 天前
学习C#开源报表组件Seal Report(28:Seal Report Designer界面布局-24)
seal report
gc_22991 个月前
学习C#开源报表组件Seal Report(26:Seal Report Designer界面布局-22)
seal report
gc_22991 个月前
学习C#开源报表组件Seal Report(24:Seal Report Designer界面布局-20)
seal report
gc_22991 个月前
学习C#开源报表组件Seal Report(23:Seal Report Designer界面布局-19)
seal report
gc_22991 个月前
学习C#开源报表组件Seal Report(20:Seal Report Designer界面布局-16)
seal report
gc_22991 个月前
学习C#开源报表组件Seal Report(17:Seal Report Designer界面布局-13)
seal report
gc_22992 个月前
学习C#开源报表组件Seal Report(16:Seal Report Designer界面布局-12)
seal report