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轴采用折线图显示。参考文献[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
