尧图网页设计 
Seal Report Designer软件左侧面板的Views节点内Model视图控件其下支持添加Chart Plotly View视图该控件用于将从数据源查询出的数据通过Plotly.js库渲染成HTML5图表。Chart Plotly View视图相关的属性与View对象属性类似本文主要学习Chart Plotly View特有的属性用途。Is enabled属性设置是否启用当前Chart Plotly View控件Chart width属性设置图表宽度如果值为空则自动调整宽度Chart height属性设置图表高度如果值为空则自动调整高度Chart title属性设置图表标题X Axis:Title属性设置X轴标题X Axis:Range属性设置X轴的最大最小值用逗号分隔X Axis:Number of values属性设置图表X轴能显示的最大数据数量值为0则不限制Y Axis:Title属性设置Y轴标题Y Axis:Range属性设置Y轴的最大最小值用逗号分隔Secondary Y Axis:Title属性设置图表次要Y轴标题Secondary Y Axis:Range属性设置图表次要Y轴的最大最小值用逗号分隔Show legend属性设置是否显示图例Legend position属性设置图例在图表中的位置使用归一化坐标取值范围为-2到30,0在左下角Legend orientation属性设置图例朝向Bar:Is stacked属性对于柱状图是否支持堆叠Bar:Horizontals属性对于柱状图是否从默认的垂直方向切换为水平方向Scatter:Mode属性设置散点图中数据点的绘制方式Pie:Text info属性设置饼图中每个扇区Slice的显示信息类型Pie:Hole for doughnut属性设置将饼图转换为环形图时内部圆的半径占比取值在0到1之间Colors属性设置数据系列Series的自定义颜色Color mappings属性设置数据值与颜色的映射关系Margins属性设置图表的内边距单位为像素如果要用Chart Plotly 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 学习C#开源报表组件Seal Report（34：Seal Report Designer界面布局-30）
Seal Report Designer软件左侧面板的Views节点内Model视图控件其下支持添加Chart Plotly View视图该控件用于将从数据源查询出的数据通过Plotly.js库渲染成HTML5图表。Chart Plotly View视图相关的属性与View对象属性类似本文主要学习Chart Plotly View特有的属性用途。Is enabled属性设置是否启用当前Chart Plotly View控件Chart width属性设置图表宽度如果值为空则自动调整宽度Chart height属性设置图表高度如果值为空则自动调整高度Chart title属性设置图表标题X Axis:Title属性设置X轴标题X Axis:Range属性设置X轴的最大最小值用逗号分隔X Axis:Number of values属性设置图表X轴能显示的最大数据数量值为0则不限制Y Axis:Title属性设置Y轴标题Y Axis:Range属性设置Y轴的最大最小值用逗号分隔Secondary Y Axis:Title属性设置图表次要Y轴标题Secondary Y Axis:Range属性设置图表次要Y轴的最大最小值用逗号分隔Show legend属性设置是否显示图例Legend position属性设置图例在图表中的位置使用归一化坐标取值范围为-2到30,0在左下角Legend orientation属性设置图例朝向Bar:Is stacked属性对于柱状图是否支持堆叠Bar:Horizontals属性对于柱状图是否从默认的垂直方向切换为水平方向Scatter:Mode属性设置散点图中数据点的绘制方式Pie:Text info属性设置饼图中每个扇区Slice的显示信息类型Pie:Hole for doughnut属性设置将饼图转换为环形图时内部圆的半径占比取值在0到1之间Colors属性设置数据系列Series的自定义颜色Color mappings属性设置数据值与颜色的映射关系Margins属性设置图表的内边距单位为像素如果要用Chart Plotly 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