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
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