尧图网页设计 
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属性。报表的显示效果如下所示参考文献[1]https://github.com/ariacom/Seal-Report[2]https://sealreport.org/[3]https://sealreport.org/demo[4]https://sealreport.org/forum/[5]https://github.com/ariacom/Seal-Report/releases[6]https://www.cnblogs.com/Leo_wl/p/7716582.html[7]https://sealreport.org/Help/html/26c7ae63-9b83-dc1d-b5d0-00a18021be41.htm[8]https://sealreport.org/Reports 学习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属性。报表的显示效果如下所示参考文献[1]https://github.com/ariacom/Seal-Report[2]https://sealreport.org/[3]https://sealreport.org/demo[4]https://sealreport.org/forum/[5]https://github.com/ariacom/Seal-Report/releases[6]https://www.cnblogs.com/Leo_wl/p/7716582.html[7]https://sealreport.org/Help/html/26c7ae63-9b83-dc1d-b5d0-00a18021be41.htm[8]https://sealreport.org/Reports