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

  Seal Report Designer软件左侧面板的Views节点内Model视图控件,其下支持添加Chart NVD3 View视图,该控件用于将从数据源查询出的数据,通过NVD3图表库(基于D3.js)渲染成HTML5图表。Chart NVD3 View视图相关的属性与View对象属性类似,本文主要学习Chart NVD3 View特有的属性用途。

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

  Chart width属性:设置图表宽度,如果值为空则自动调整宽度;

  Chart height属性:设置图表高度,如果值为空则自动调整高度;

  Chart width in container属性:设置图表在其父容器中的宽度;

  Chart height in container属性:设置图表在其父容器中的高度;

  Chart title属性:设置图表标题;

  X Axis:Range属性:设置X轴的最大最小值,用逗号分隔;

  Y Axis:Range属性:设置Y轴的最大最小值,用逗号分隔;

  X Axis:Number of values属性:设置图表X轴能显示的最大数据数量,值为0则不限制;

  Force hide controls属性:值为True,则隐藏与数据系列(series)交互的控件;

  Show legend属性:设置是否显示图例;

  Bar stacked属性:对于柱状图,是否支持堆叠;

  Colors属性:设置数据系列(Series)的自定义颜色;

  Color mappings属性:设置数据值与颜色的映射关系;

  Margins属性:设置图表的内边距,单位为像素;

  Pie:Label type属性:对于饼图,设置数据标签显示类型;

  Pie:Label threshold属性:设置饼图上显示数据标签的最小百分比阈值;

  Pie:Hole ratio属性:设置将饼图转换为环形图时中心孔洞的比例;

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

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

  如果要用Chart NVD3 View控件,需要先在其上级的Model View关联的数据源中配置轴(Axis)及系列 (Serie),前者可以是行元素或者列元素,作为图表的X轴,而后者属于数据元素,作为图表的Y轴。下图以销售数据为例,在数据源中配置产品名称作为X轴,设置产品每年的销售额为Y轴,采用折线图显示。

参考文献:

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_229910 天前
学习C#开源报表组件Seal Report(30:Seal Report Designer界面布局-26)
seal report
gc_229916 天前
学习C#开源报表组件Seal Report(28:Seal Report Designer界面布局-24)
seal report
gc_229923 天前
学习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
gc_22992 个月前
学习C#开源报表组件Seal Report(15:Seal Report Designer界面布局-11)
seal report